JQuery 아코디언 동작 사용자 정의

Question

JQuery의 아코디언 위젯을 사용하고 있습니다. div 집합에 아코디언을 설정하는 방법을 보여주는 간단한 일반적인 예가 필요합니다. 사용자가 div 중 하나를 선택/확장/활성화하면 해당 div는 다른 div보다 모양이 달라야합니다 (예 : 배경색 변경). accordian의 기능을 사용하여이 작업을 수행 할 수 있습니까? 아니면 추가 자바 스크립트로 수행해야합니까?

난 단지 확장 DIV를 볼 이유는 단지 그들 모두의 배경을 설정하지 않기 때문에 http://docs.jquery.com/UI/Accordion

Answer 1

에 설명되어있는 아코디언을 사용하고 있습니다?

활성 내용의 클래스는 ui-accordion-content-active입니다. 이 클래스의 스타일을 덮어 쓸 수 있습니다.

또 다른 옵션은 (문서에서 복사/붙여 넣기)를 change 이벤트에 연결하는 것입니다 : 예를 들어

$('.ui-accordion').bind('accordionchange', function(event, ui) { 
    ui.newHeader // jQuery object, activated header 
    ui.oldHeader // jQuery object, previous header 
    ui.newContent // jQuery object, activated content 
    ui.oldContent // jQuery object, previous content 
}); 

:

$('.ui-accordion').bind('accordionchange', function(event, ui) { 
    ui.newContent.addClass('myHighlight'); 
    ui.oldContent.removeClass('myHighlight'); 
});