Jquery Ui Accordion

Question

다음 링크를 사용하여 웹 사이트 용 아코디언을 만들었지 만, 그 중 일부를 변경하여 인터넷에서 모든 솔루션을 찾을 수 없었습니다.

새 아코디언을 추가 할 때 바뀌면 아코디언이 닫히면 바뀌고 싶습니다. 또한 추가 할 때 첫 번째 아코디언이 항상 열리 며 나는 어떤 것을 해결했다고 생각합니다. 미리

다음 링크에서 데모를 찾을 수 있습니다

,

[link] http://jsfiddle.net/gnhkm4es/ 

감사

Answer 1

이 작업을 시도해야합니다 :

$(document).ready(function() { 

    $(".questions").accordion({ 
     header: "> div > h3", 
     collapsible: true, 
     active: false,    // this can be changed to 0 for first accordion opened 
     autoHeight: false, 
     autoActivate: true 
    }); 

    $("button").button(); 
    $('#addAccordion').click(function() { 
     var newDiv = "<div><h3>Q4 New Question</h3><div>New Content</div></div>"; 
     $('.questions').append(newDiv) 
     $('.questions').accordion("refresh").accordion("option", "active", $('.questions > div').length - 1); 
    }); 
}); 

작업 jsFiddle는

Answer 2

를 추가해보십시오 $입니다 ('.questions'). accordion ({active : false}); $ ('. questions') 이후. accordion ("새로 고침"); .

$(document).ready(function() {  
    $(".questions").accordion({ 
     header: "> div > h3", 
     collapsible: true, 
     active: false, 
     autoHeight: false, 
     autoActivate: true 
    }); 

    $("button").button(); 
    $('#addAccordion').click(function() { 
     var newDiv = "<div><h3>Q4 New Question</h3><div>New Content</div></div>"; 
     $('.questions').append(newDiv) 
     $('.questions').accordion("refresh"); 
     $('.questions').accordion({active:false}); 
    }); 
}); 

당신이 -1 $ ('. 질문')가 false를 교체 아코디언의 마지막 패널을 열려면

http://jsfiddle.net/gnhkm4es/10/

아코디언 ({활성 : -1}); 이 활성화 http://api.jqueryui.com/accordion/