expand first div when second div or third div collapsed using jquery -
i have 3 divs. here code.
<div class="div1">div1 content</div> <div class="div2">div2 content</div> <div class="div3">div3 content</div>
using jquery how can expand div1 if div2 or div3 collapsed?
i think looking for.
please check fiddle
html
<div id="accordion"> <h3>div1</h3> <div><p>div1 content</p></div> <h3>div2</h3> <div><p>div2 content</p></div> <h3>div3</h3> <div><p>div3 content</p></div> </div>
js
$(document).ready(function(){ $( "#accordion" ).accordion({ collapsible: true }); $('.ui-accordion-header').click(function(){ if ($("#accordion").find(".ui-accordion-header-active").length == 0 ) { $("#accordion").find(".ui-accordion-header").eq(0).click(); } }); });
Comments
Post a Comment