Jquery- accordion

Question

Hi In our application we need to display accordions in parent accordion divs .but when i tried this when i click on any div in child accordion divs parent div is getting collapsed. problem with accordion divs in accordion divs .All divs are getting collapsed on click of any child div. Right now i am using jquery acccordion.Please tell me how to approach thisits urgent.

Mukesh Nayak · Answer

Try this :- jQuery UI Accordion - Collapse content $(function () { $(#accordion).accordion({ collapsible: true }); $(.inneraccordion).accordion({ collapsible: true }); }); Section 1 Section 1.1 Section 1.1 Content Section 1.2 Section 1.2 Content Section 2 Section 2.1 Section 2.1 Content Section 2.2 Section 2.2 Content Section 3 Section 3.1 Section 3.1 Content Section 3.2 Section 3.2 Content Section 4 Section 4.1 Section 4.1 Content Section 4.2 Section 4.2 Content Hope this will help

lakshmi sowmya · Answer

Hi I have done as you suggetsed  but now the problem i am facing is with the child div's other than first child div in both parent accordion and inner accordion. That is child divs content height is getting very minimized we are getting vertical scroll bars.Unable to fix it. My code is $(function () { $(#accordion).accordion({ // event: mouseover heightStyle: content collapsible: true activate: 2 fillspace:true }); $(div.accordion1).accordion({ // event: mouseover heightStyle: content collapsible: false activate:1 fillspace:true }); });