2009-07-22 2 views
1

다음 JS를 사용하여 aJQuery 조율사를 사용합니다.슬라이드 토글이 자동으로 첫 번째 항목을 엽니 다?

function initMenu() { 
    $('#accordion ul').hide(); 
    $('#accordion li a').click(
    function() { 
     $(this).next().slideToggle('normal'); 
     } 
    ); 
    } 
$(document).ready(function() {initMenu();}); 

그리고

<ul id="accordion"> 
      <li><a class="firstheading" href="#">Making words work</a> 
       <ul class="panelContent"> 
        <li> 
         <p>IPSUM</p> 
        </li> 
       </ul> 
      </li> 
      <li><a class="heading" href="#">Full business-writing services</a> 
       <ul class="panelContent"> 
        <li> 
         <p>IPSUM<p> 
        </li> 
       </ul> 
      </li> 
     </ul> 

사람이 어떻게 첫 번째 항목은 페이지가로드 될 때를 열 수 있도록하는 방법을 말해 줄래 다음 HTML?

답변

2

gt 선택기를 사용하여 0보다 큰 색인이있는 ul을 지정할 수 있습니다. 따라서 첫 번째 ul을 제외한 모든 ul을 지정할 수 있습니다.

데모 here

function initMenu() { 
    $('#accordion ul:gt(0)').hide(); 
    $('#accordion li a').click(
    function() { 
     $(this).next().slideToggle('normal'); 
     } 
    ); 
    } 
$(document).ready(function() {initMenu();}); 
+0

감사합니다. – CountZero

2

이 자동으로 실행되어야한다, 그러나 당신은 프로그래밍과 같이 아코디언 조각을 열 수 있습니다

.accordion ('활성화', 인덱스) 그래서

엽니 다 첫 번째 섹션을 위로 할 때 수행 할 작업은 다음과 같습니다.

$ ('# accordion'). accordion ('activate', 0);

문서 준비 기능에 넣을 수 있습니다. 숫자의 자리에는 셀렉터를 사용할 수 있습니다.이 번호는 0부터 시작하여 각 섹션을 나타냅니다.

Source

+0

그는 jquery ui accordian을 사용하지 않습니다 – redsquare

+0

글쎄, 그는 그것을 언급하지 않고 그가 자신의 js를 굴림으로써이 방법으로 나타납니다. – redsquare

+0

무슨 말씀 이세요? "다음 JS를 사용하여 aJQuery 조율사가 있습니다." 꼭대기에 오른다. – Sneakyness

관련 문제