切换不同的显示/隐藏速度

Question

.toggle()是否有一种简单的方法可以使用不同的显示和隐藏速度？

你能做这样的事吗：

$('.div').toggle(200,100);

模仿这个：

$('.div').show(200);
$('.div').hide(100);

Answer 1

不，不支持.toggle()做类似的事情。

然而，您可以提出自己的jQuery插件来执行您想要的行为。

注意我只在.show()的回调函数中调用了.hide()，以避免不必要的排队。

$.fn.myToggle = function(h, s){
    return this.each(function(){
        $(this).hide(h, function(){ $(this).show(s); }) 
    });
};

$('div').myToggle(200, 100);

JSFiddle

Answer 2

最简单的解决方案是做你为自己的榜样做的事情，使用个人秀和隐藏。

Answer 3

使用类似的东西：

$('.div').show(200, function () {
    $('.div').hide(100);
});