2013-06-19 1 views
0
$(window).load(function(){ 
    $.fn.togglepanels = function(){ 
     return this.each(function(){ 
     $(this).addClass("ui-accordion ui-accordion-icons ui-widget ui-helper-reset") 
     .find("h3") 
     .addClass("ui-accordion-header ui-helper-reset ui-state-default ui-corner-top ui-corner-bottom") 
     .hover(function() { $(this).toggleClass("ui-state-hover");}) 
     .prepend('<span class="ui-icon ui-icon-triangle-1-e"></span>') 
     .click(function() { 
      $(this) 
      .toggleClass("ui-accordion-header-active ui-state-active ui-state-default ui-corner-bottom") 
      .find("> .ui-icon").toggleClass("ui-icon-triangle-1-e ui-icon-triangle-1-s").end() 
      .next().slideToggle(); 
      return false; 
     }) 
     .next() 
      .addClass("ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom") 
      .hide(); 
     }); 
    }; 

    $("#notaccordion").togglepanels(); 
    }); 

멀티 어코로 딕 예제를 시도했지만 제 목표는 페이지로드시 div를 열어 두는 것입니다. 여기 어떻게하는지.jQuery UI Accordion의 한 div를 기본적으로 활성으로 유지하려면 어떻게해야합니까?

답변

0

@TempData [ "DefaultPane"]은 기본적으로 열려는 창의 이름입니다.

$("#accordion").accordion({ active: @TempData["DefaultPane"] }); 
+0

답장을 보내 주신 Mirhasd에게 감사하지만 모든 div가 페이지로드시 열렸으므로 얻을 수 없습니다. 나는 $ ("# notaccordion")로 ur 코드를 수정하려고 시도했다. togglepanels ({active : "accordionDiv"}); 어디 accordionDiv 내 div 이드입니다. 그러나 여전히 효과가 없었습니다. 도와주세요. 미리 감사드립니다. – Amlan

+0

먼저 jQuery 아코디언 기능을 사용해보고 자신의 토글 패널 기능을 만들기 전에 수행 할 작업을 확인하십시오. 아코디언이 만들어지고 작동하면 togglePanel 함수를 사용하여 아코디언 동작을 사용자 정의 할 수 있습니다. 먼저 시도해보십시오 : $ ("# notaccordion"). accordion ({active : "accordionDiv"}); –