手风琴打开和关闭文本不会改变

Question

有手风琴。效果很好，但是我遇到了一个问题。当手风琴关闭时，它会显示“展开”，当它展开时，会显示“隐藏”。单击隐藏时，它不会更改回扩展。你会在下面找到我正在使用的代码。

编辑：我正在使用Bootstrap 3崩溃：http://getbootstrap.com/javascript/#collapse

JS：

$('.is-toggle').click(function() {
    if($(this).next('.sec-collapse').hasClass('collapse')) {
        $(this).text('Expand');
    } else {
        $(this).text('Hide');
    }
});

Answer 1

听起来您需要添加或删除类.collapse，以便触发.text()逻辑。没有看到HTML就很难说，但有点像：

$('.is-toggle').click(function() {
    if($(this).next('.sec-collapse').hasClass('collapse')) {
        $(this).text('Expand');
        $(this).removeClass('collapse');
    } else {
        $(this).text('Hide');
        $(this).addClass('collapse');
    }
});