2014-05-21 1 views
0

안녕하십니까 jQuery의 아코디언의 헤더 텍스트를 닫을 때 "표시"로 변경하고 열려있을 때 "숨기기"로 변경해야합니다. 도와주세요.jQuery 헤더 텍스트 변경 "표시" "숨기기"

$(function() { 
    $("#accordion").accordion({ header: "h3", collapsible: true, active: false }); 
}); 
</script> 
+1

입니다

여기 내 코드입니다. – pmandell

+1

이 질문에 대한 답변을 확인하십시오 : http://stackoverflow.com/a/2508239/43671 특별히 ui.newHeader 및 ui.oldHeader – AlfaTeK

+1

가능한 중복 [JQuery UI : Accordion callbacks] (http://stackoverflow.com/questions/2508163)/jquery-ui-accordion-callbacks) – arserbin3

답변

1

사용 아코디언 콜백 : 여기

$("#accordion").on("accordionchange", function(event, ui) { 
    var isCollapsed = $(this).find('.ui-state-active').length; 
    if(isCollapsed){ 
     //open state 
    }else{ 
     //close state 
    } 
}); 

그리고뿐만 아니라 HTML을 게시하시기 바랍니다 demo jsfiddle

+0

이것은 .on()을 사용하여 나를 위해 작동하지 않았지만 .bind()로 변경했을 때 작동했습니다. 이제 적절한 섹션에 대해서만 h3 텍스트를 변경하는 가장 좋은 방법을 알아 내려고 노력 중입니다. –