jquery - 传递“slow”参数来切换 Action

所以here是一个显示/隐藏切换按钮，可以正常工作。除了将'slow'参数传递给.toggle操作之外，Here是相同的代码。为什么在第一个示例中按钮的值正确切换，而在第二个示例中按钮为何不正确？将'slow'参数传递给.toggle动作是否会导致:visible伪类返回true？

最佳答案

$('#toggleButton2').click(function () {
    $('#disclaimer').toggle('slow', function () {
        if ($('#disclaimer').is(':visible')) {
            alert('hide');
            $('#toggleButton2').val('Hide');
        } else {
            alert('Show');
            $('#toggleButton2').val('Show');
        }
    });
});

JS FIDDLE LINK

相同但短

$('#toggleButton2').click(function () {
    $('#disclaimer').toggle('slow', function () {
        $(this).is(':visible') ? $('#toggleButton2').val('Hide') : $('#toggleButton2').val('Show')

    });
});

JS FIDDLE LINK FOR SECOND ATTEMPT

关于jquery - 传递“slow”参数来切换 Action ，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15941540/