2014-10-24 4 views
0

페이지로드시 첫 번째 아코디언 패널을 열려고하는데, 지금은로드시 모두 접혀 있습니다. 내 코드는 다음과 같습니다.페이지로드시 첫 번째 아코디언 패널을 여는 방법은 무엇입니까?

$.fn.myAccordion = function(custConf) { 

    var config = jQuery.extend({ 
     button: "accordionButton", 
     buttonOpen: "accordionButtonSelected", 
     slideDuration: "normal", 
     hideContent: "accordionContent" 
    }, custConf); 

    // SET UP INDIVIDUAL ACCORDIONS FOR EACH MATCH IN THIS jQuery 
    this.each(function(index, element) { 
     var currentAccordion = null; 
     $(element).find("div." + config.button).click(function() { 
      if (currentAccordion) { 
       $(currentAccordion).next().slideUp(config.slideDuration); 
       $(currentAccordion).removeClass().addClass(config.button); 
      } 
      if (this == currentAccordion) { 
       currentAccordion = null; 
       return; 
      } 
      currentAccordion = this; 
      $(currentAccordion).next().slideDown(config.slideDuration); 
      $(currentAccordion).removeClass().addClass(config.buttonOpen); 
     }); 
    }); 

    //HIDE THE DIVS ON PAGE LOAD 
    $("div." + config.hideContent).hide(); 

    return this; 
}; 
+0

첫 번째 아코디언 버튼을 찾아 클릭 할 수 있습니다. '$ ("div. + config.button) .first().();'페이지로드시 – kinduff

+0

그 위대한 kinduff, 감사합니다 !!! – user3829853

+0

답변을 추가 했으므로 해결 된 것으로 표시 할 수 있습니다. – kinduff

답변

1

콘텐츠를 숨긴 후 아코디언의 첫 번째 버튼을 클릭하십시오.

... 
    $("div." + config.hideContent).hide(); 

    $("div."+config.button).first().click(); 

    return this; 
}; 
3

참고 : 나는 동적으로 만든 아코디언 생각 해 봤나.

는 방법을

$ 다음의 사업부에서 첫 번째 아코디언 찾기 : 트리거 ('온 클릭'); ('theDivHoldingAccordion를.'). ('ClassOfYourAccordion 먼저.').

Accordion의 짝수 클릭 데이터를로드하는 div 만 표시하면됩니다. $ ('. DivInWhichYouAreLoadingDataOnAccordionClick'). ('. accordion-section- content1 : 첫 번째').