javascript - 我如何在点击功能中用 jQuery 改回 innerhtml？

Question

我有以下功能:

$('#jaTack').click(function() {
        $('#syskon').slideToggle();
        $('#jaTack').html('Hide');
    });

所以#jaTack是一个按钮的id，按下时显示id #syskon的内容。按下按钮时，我使用 .html() 将该按钮的内部 html 从“显示”更改为“隐藏”。这一切都很好，但我不确定再次按下时我应该怎么做，以便按钮的 innerhtml 再次变为“显示”？

希望大家有时间帮帮我。

Answer 1

您需要将状态存储在某处，为什么不用匿名函数？

$('#jaTack').click((function() {
    var toggle = false;
    return function () {
        if (toggle) {
            $('#jaTack').html('Show');
        } else {
            $('#jaTack').html('Hide');
        }
        $('#syskon').slideToggle();
        toggle = !toggle;       
    };
}());   // immediate invocation because we're awesome