jQuery 标题文本更改“显示”“隐藏”

Question

您好，我需要将 jQuery 手风琴的标题文本在关闭时更改为“显示”，在打开时更改为“隐藏”。请帮我。

这是我的代码：

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

Answer 1

使用 Accordion 回调：

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

这里是demo jsfiddle