Se sei un utilizzatore di Elementor ti sarà sicuramente capitato di utilizzare il widget “Accordion“, Fisarmonica in italiano.
Di default l’accordion ha sempre il primo elemento aperto, utile certamente, ma se per questioni di layout preferisci tenere l’accordion sempre chiuso, puoi tranquillamente farlo aggiungendo al tuo layout questo semplice script Jquery,
Con questo script jQuery riuscirai a chiudere completamente tutti gli elementi della Fisarmonica di Elementor.
JQuery non è il massimo, soprattutto dopo le varie evoluzioni di Javascript che lo hanno reso ridondante, ma per alcune cose è ancora utile.
Ecco lo Script per collassare tutti gli elementi della fisarmonica
<script>
jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, delay);
});
</script>
<script>
if(window.outerWidth < 2000) {
alert('jQuery(document).ready(function($) {
var delay = 100; setTimeout(function() {
$('.elementor-tab-title').removeClass('elementor-active');
$('.elementor-tab-content').css('display', 'none'); }, delay);
}); ');
}
</script>
Ti basterà copiarlo e incollarlo in un widget html posizionato prima della fisarmonica, e in apertura di pagina tutti gli elementi saranno chiusi e compatti.
Tutto molto semplice.