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

Answer 2

重复here

完成时使用.toggle()回调。

来自其他问题的代码示例

$("#moreOptions").slideToggle('slow', callbackFn);

function callbackFn(){

     var $link = $("#lnkMoreOpt");

     $(this).is(":visible") ? $link.text("Less Options «") : $link.text("More Options »");


}

请在使用之前使用搜索栏并稍微谷歌。不过，希望这有帮助！

将'slow'参数传递给切换操作

2 个答案: