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를 기본적으로 활성으로 유지하려면 어떻게해야합니까?
답장을 보내 주신 Mirhasd에게 감사하지만 모든 div가 페이지로드시 열렸으므로 얻을 수 없습니다. 나는 $ ("# notaccordion")로 ur 코드를 수정하려고 시도했다. togglepanels ({active : "accordionDiv"}); 어디 accordionDiv 내 div 이드입니다. 그러나 여전히 효과가 없었습니다. 도와주세요. 미리 감사드립니다. – Amlan
먼저 jQuery 아코디언 기능을 사용해보고 자신의 토글 패널 기능을 만들기 전에 수행 할 작업을 확인하십시오. 아코디언이 만들어지고 작동하면 togglePanel 함수를 사용하여 아코디언 동작을 사용자 정의 할 수 있습니다. 먼저 시도해보십시오 : $ ("# notaccordion"). accordion ({active : "accordionDiv"}); –