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