jquery 아코디언 확장 가능

Question

몇 가지 옵션 만 확장하여 아코디언 메뉴를 만들 수 있습니까? 나는 메뉴를

홈 거기에 아무 상관이 다른

홈, 지원, 판매, 그것의 단지 링크를 갖고 싶어. 그래서 당신이 집을 클릭 할 때, 확장은 일어나지 않습니다.

지원/영업/기타에서 몇 가지 옵션이 있습니다. 옵션 자체가 링크가 될 것입니다. 내가 각 H3에서 사업부를 추가 해달라고하면

<h3><li id='home'>Home</li></h3> 
<h3>Support</h3> 
    <div> 
     <ul> 
     <li>New Tickets</li> 
     <li>Existing Tickets</li> 
     <li>Contact</li> 
     </ul> 
    </div> 
<h3>Other</h3> 
    <div> 
    <li>stuff</li> 
    <li>stuff</li> 
    </div> 
</div> 

$(function() { 
    $(".leftMenu").accordion({ 
    heightStyle: "content", 
    active: false, 
    collapsible: true, 
    }); 
}); 

, 모든 혼란을 가져옵니다.

fiddle

Answer 1

그 아코디언이 HTML로 예를 들어이

<div class='leftMenu'> 
    <h3 id ="home">Home</h3> 
    <div></div> 
    <h3>Support</h3> 
     <div> 
     <ul> 
      <li>New Tickets</li> 
      <li>Existing Tickets</li> 
      <li>Contact</li> 
     </ul> 
    </div> 
    <h3>Other</h3> 

    <div> 
     <li>stuff</li> 
     <li>stuff</li> 
    </div> 
</div> 

Fiddle

설명이 예상대로 작동 그것을

의 시간 요소 후 사업부를 필요로 보인다 : 한 쌍의 헤더와 콘텐츠 패널을 하나로 변환 디온. Accordion Docs