[fmawebParticipant]

On our page http://annualmeeting.fmanet.org/become-a-sponsor/ They want the accordion
items all open for the website. For mobile however it would be better to have them all collapsed. Is the best method to do this to just duplicate the band and use a visibility tag?

[RadModerator]

Hi there,

Thanks for posting in.

For now, leave them open, then add this code at your customizer’s custom javascript to close them on mobile.

jQuery(function($){ 

$(document).ready(function(){ 

$('html.touch .collapse').collapse('hide');

});

});

Cheers!

[fmawebParticipant]

Beautiful Thanks!

[CousettMember]

Glad we were able to help. 🙂 Have a nice day.

[fmawebParticipant]

I notice now the mobile menu starts open. The code is affecting it as well. Can you help me target just the Accordion on the Become a sponsor page?

[fmawebParticipant]

Trying to figure the syntax out lol

jQuery(function($){

$(document).ready(function(){

$( “#sponsor-levels” ).(‘html.touch .collapse’).collapse(‘hide’);

});

});

[fmawebParticipant]

Got it.

jQuery(function($){

$(document).ready(function(){

$(‘html.touch #sponsor-levels .collapse’).collapse(‘hide’);

});

});

[ZeshanMember]

Glad to hear you were able to resolve it! 🙂 Have a good day!

[Author]

Posts