jquery - jQuery切换点击时替换锚标记值

Question

我正在尝试在单击时换出按钮文本。按钮的功能是切换<div>. jQuery是否可以设置两个按钮文本实例并在切换时将它们换掉？

这是我到目前为止的位置：

$('#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()
});