Question

I am having issues implementing the foundation accordion. The issue seems to be when the page loads all content is active or expanded. However, when the page loads only one accordion content should be active which you denote with

<li class="active">

Oddly enough, after the page loads and you click an accordion title the JS responds and makes only the active div display and all other divs disappear.

I used this topic thread here to implement accordion to my site : https://groups.google.com/forum/?fromgroups=#!topic/foundation-framework-/alYolSjS8w8.

Here is a link to the broken accordion: http://rppdesigns.com/dev/pennProp_dev/index.php/home/contact.

Answer 1

Just add this to your code after the accordion is loaded:

$(".active").trigger('click');