[philipjamesbarnes]

Hi Guys,

On the accordion shortcode, how can I say show first pane automatically?

I’ve tried current=”true” and current=”yes” as well as selected=”yes”

• This topic was modified 13 years, 8 months ago by philipjamesbarnes.

[ahmetsali]

Hi, paste the code below to the “External Stylesheet/JavaScript” box under “Style tab” ;

<script>
$(function() { $('.accordion-group:first .accordion-toggle').trigger('click'); });
</script>

[philipjamesbarnes]

Hi Ahmet,

This doesn’t work for me.

Any ideas why not? I did as you said, but it’s had no impact.

Phil

[philipjamesbarnes]

Hello – any ideas on this for me?

I want to keep the first pane of accordion open, but the standard shortcode doesn’t let me?

Phil

[philipjamesbarnes]

Guys any ideas on this? One of the last things I’m looking for. Have one accordion pane open initially

[ahmetsali]

Hi, i just tested the code and it works fine on my side.

– Please make sure: you paste the code to the “External Stylesheet/JavaScript” box under “Style tab” , not “Custom CSS” box.

[philipjamesbarnes]

Hi Ahmet,

This is working for me now (must have been the update).

However, to throw spanner in the works, I’ve a page where I do want accordion to show first pane, and another where I don’t. Am I out of luck?

I thought you could manipulate the short code with something like this – current=”true” or current=”yes” or selected=”yes”

Phil

[ahmetsali]

Hi, i see, good point, added to update list, thanks for the feedback

[JaakkoMedia]

Hi,

Is it possible to show the first pane of only the second accordion (“Standaard”) on http://www.videobird.nl/tarieven/?

Thanks,
Jaakko

[ahmetsali]

@JaakkoMedia

try adding this to External JS box

jQuery(document).ready(function($) {  
   $('.span4:nth-child(2) .accordion-group:first-child').addClass('active').find('.accordion-body').show();
});

[JaakkoMedia]

Awesome, it works!

Thnx ahmetsali!