2012-11-07 1 views
1

특정 아코디언 (실제로 토글)을 여는 방법이 궁금합니다.특정 아코디언 열기

여기에 이제 어떻게 페이지로드의 첫 번째 항목이 열립니다 무엇 내 JQuery와

$(document).ready(function() 
    { 
     //Add Inactive Class To All Accordion Headers 
     $('.accordion-header').toggleClass('inactive-header'); 

     //Open The First Accordion Section When Page Loads 
     $('.accordion-header').first().toggleClass('active-header').toggleClass('inactive-header'); 
     $('.accordion-content').first().slideDown().toggleClass('open-content'); 

     // The Accordion Effect 
     $('.accordion-header').click(function() { 
      if($(this).is('.inactive-header')) { 
       $('.active-header').toggleClass('active-header').toggleClass('inactive-header').next().slideToggle().toggleClass('open-content'); 
       $(this).toggleClass('active-header').toggleClass('inactive-header'); 
       $(this).next().slideToggle().toggleClass('open-content'); 
      } 

      else { 
       $(this).toggleClass('active-header').toggleClass('inactive-header'); 
       $(this).next().slideToggle().toggleClass('open-content'); 
      } 
     }); 

     return false; 
    });​ 

입니다. 어떻게하면 두 번째 항목이 열리는 곳으로 설정할 수 있습니까? 사전에 http://jsfiddle.net/bbyrdhouse/LjDBa/

감사 :

나는 여기에 바이올린을 가지고있다.

답변

0

는 자동으로 제 라인, 제 아코디언 열 변경하기 :

$('.accordion-header').eq(1).toggleClass('active-header').toggleClass('inactive-header'); 
$('.accordion-content').eq(1).slideDown().toggleClass('open-content'); 

eq(1)는 (인덱스 0부터 임) 유사한 요소 번째 항목을 찾을 것이다. 마지막 아코디언을 열려면 eq(1) 대신 last()을 사용하십시오.

업데이트 된 파일보기 : http://jsfiddle.net/adrianonantua/LjDBa/1/