[jQuery] JQuery UI Accordion option "collapsible:true" not collapsing
I have a simple Accordion which I have given the settings:
$("#accordion").accordion({
event: "mouseover",
header: "h3",
active: false,
collapsible: true,
autoHeight: true
});
And has layout:
<div id="accordion">
<h3 class="featured-pic-container">111</h3>
<div>
AAA
</div>
<h3 class="featured-pic-container">222</h3>
<div>
BBB
</div>
<h3 class="featured-pic-container">333</h3>
<div>
CCC
</div>
</div>
I would like the whole accordion to collapse upon mouseout, but
collapsible:true doesn't seem to do this. Any suggestions?
Many thanks,
Nico