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

Popular posts from this blog

amazon web services - S3 Pre-signed POST validate file type? -

c# - Check Keyboard Input Winforms -