jquery - jQueryトグルはクリック時にアンカータグ値を置き換えます

Question

クリック時にボタンのテキストを入れ替えようとしています。ボタンの機能は、を切り替えること<div>です。jQueryでボタンテキストの2つのインスタンスを設定し、トグルでそれらを交換することは可能ですか？

これは私が今のところいるところです：

$('#showmodule').click(function() {
    $(this).addClass('active'); 
    $('#module').slideToggle()
});

Answer 1

あなたの場合、私が行うことは、アンカーリンク内にスパンを追加し、次のようにそれらを切り替えることです。

<a href="#" id="showmodule">
    <span>Default Text</span>
    <span style="display : none;">Toggled Text</span>
</a>

そして、javascriptは次のようになります。

$('#showmodule').click(function() {
    $(this).addClass('active');

    $('span', this).toggle(); // This line will toggle the spans inside of the link

    $('#module').slideToggle()
});