[Antonela DParticipant]

Hi, I want to set the option of “expand all” and “close all” for the accordions.

Thanks.

[Antonela DParticipant]

This reply has been marked as private.

[RadModerator]

Hi Antonela,

You could do this by adding this javascript under Customizer > Custom > Javascript .

Let say you add expand and collapse all button at your editor

<a href="#" class="expandall_accord">Expand All</a> | <a href="#" class="collapseall_accord">Collapse All</a>

jQuery('.expandall_accord').on('click', function(){
jQuery('.accordion-body').collapse('show');
});

jQuery('.collapseall_accord').on('click', function(){
jQuery('.accordion-body').collapse('hide');
});

Hope this helps.

[Antonela DParticipant]

Thanks!

[AlexanderKeymaster]

You’re welcome! Take care

[sndesignParticipant]

Very helpful – thank you!

[John EzraMember]

You’re most welcome!

[sndesignParticipant]

This reply has been marked as private.

[RadModerator]

Hi there,

Please update your javascript code to this,

jQuery ( function($) {
$('.expandall_accord').on('click', function( e ){
$('.x-accordion-body').collapse('show');
e.preventDefault();
});

$('.collapseall_accord').on('click', function( e ){
$('.x-accordion-body').collapse('hide');
e.preventDefault();
});
} );

Cheers!

[sndesignParticipant]

Thanks – that worked like a charm!

[ChristopherModerator]

You’re welcome.

[Author]

Posts