javascript - クリック関数でjQueryを使用してinnerhtmlを元に戻すにはどうすればよいですか?

Question

私は次の機能を持っています：

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

ボタン#jaTackの id も同様です。押されると id の内容が表示されます#syskon。ボタンが押されると、そのボタンの内部のhtmlを.html()「表示」から「非表示」に変更します。それはすべていいのですが、ボタンのinnerhtmlが再び「表示」になるように、もう一度押したときにどうすればよいかわかりませんか?

誰かが私を助けてくれることを願っています。

Answer 1

このような三項演算子 を使用できます?:

$('#jaTack').click(function() {
    $('#syskon').slideToggle();
    $('#jaTack').html($('#jaTack').html() == "Show" ? "Hide" : "Show");
});