javascript - 手风琴打开和关闭文本不会变回

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

听起来您需要添加或删除 class.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');
    }
});