jquery - 传递 'slow' 参数来切换操作

Question

所以here是一个显示/隐藏切换按钮，效果很好。 Here是完全相同的代码，只是我将 'slow' 参数传递给 .toggle 操作。为什么按钮的值在第一个示例中正确切换，但在第二个示例中却不然？将 'slow' 参数传递给 .toggle 操作是否会导致 :visible 伪类返回 true？

Answer 1

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