jQuery UI Accordion 프로그래밍 방식으로 세 번째 패널을 열 수 없습니다.

Question

패널 1과 2를 닫은 상태로 유지하면서 JQuery 프로그램 호출을 통해 열려면 Jquery UI Accordion의 세 번째 패널을 가져 오는 데 문제가 있습니다. 내 HTML의 구조는 다음과 같다 :

<div class="accordion1"> 
<div class="left-menu-title" id="restaurant"> 
    <h3>Restaurant</h3> 
</div> 
<div class="left-menu clickable" id="nav-restaurant"> 
    <div id="cat_581274_divs"> 
    <ul id="nav_581274"> 
     <li><a href="/reservations">reservations</a></li> 
     <li><a href="/menus">menus</a></li> 
    </ul> 
    </div> 
</div> 
<div class="left-menu-title" id="bakery"> 
    <h3>Bakery</h3> 
</div> 
<div class="left-menu clickable" id="nav-bakery"> 
    <div id="cat_581276_divs"> 
    <ul id="nav_581276"> 
     <li><a href="/pastry-chef">our pastry chef</a></li> 
     <li><a href="/bakery-menu">bakery menu</a></li> 
    </ul> 
    </div> 
</div> 
<div class="left-menu-title" id="wine"> 
    <h3>Wine Shop</h3> 
</div> 
<div class="left-menu clickable" id="nav-wine"> 
    <div id="cat_581280_divs"> 
    <ul id="nav_581280"> 
     <li><a href="/wine-shop">about our wine shop</a></li> 
     <li><a href="/wine-tastings">wine tastings &amp; events</a></li> 
    </ul> 
    </div> 
</div> 

내 아코디언은 초기화됩니다 :

$(".accordion1").accordion({ header: ".left-menu-title" }); 

과 잘 작동합니다. 내가 프로그래밍 방식 레스토랑과 3 #wine 와인 숍 패널을 엽니 다하려고하고 베이커리 패널이 닫혀 있지만이 중 하나를 사용할 때 모든 패널이 대신 제 3의 열 :

이

$('.accordion1').accordion('activate', 2); 

이 작동하지 않습니다도 하지

$('.accordion1').accordion('activate', 'div#wine'); 

도

$('.accordion1').accordion('activate', 'div#wine h3'); 

을하지 않고

$('.accordion1').accordion('activate', '#nav-wine'); 

01 않습니다

분명히 잘못된 것을하고 있습니다. JQuery와-UI-1.8.5.custom.min.js 및 JQuery와/1.4.2/jquery.min.js를 사용하면

Answer 1

것은과 같이, 순서대로 실행

$(".accordion1").accordion({ header: ".left-menu-title" }); 
$('.accordion1').accordion('activate', 2); 

가 직접보기 : http://jsfiddle.net/WWPFq/