jQuery 单击时切换按钮可见性

Question

我希望在点击事件的两个按钮之间“循环”。这很简单，但我想知道是否有比我下面的方法更简洁的方法来实现它。

$('button#start').click( function() {

    $(this).addClass('hide');
    $('button#stop').removeClass('hide');

});

$('button#stop').click( function() {

    $(this).addClass('hide');
    $('button#start').removeClass('hide');

});

Answer 1

另一个简单的演示 http://jsfiddle.net/S4d6j/

好读:可见选择器:http://api.jquery.com/visible-selector/

您可以使用 .is(":visible") 来检查哪个按钮可见并隐藏另一个按钮，我们可以链接这两个按钮。

希望对你有帮助

代码

$('#start,#stop').click(function() {

    if ((this.value === "start") && $(this).is(":visible")) {        
        $("#stop").show();
    } else if ((this.value === "stop") && $(this).is(":visible")) {
        $("#start").show();
    }

    $(this).hide();

});​