JQuery切换和显示慢/快

Question

我想使用JQuery切换对象。我只能显示/隐藏对象，我想慢慢显示/隐藏它们而不是立即显示/隐藏它们。

Showing and Hiding of Objects in JQuery

$("#txtA").toggle(type == "A");

我不知道如何在上面的代码中添加“.show（'slow'）”。请帮我。感谢。

Answer 1

The documentation表示.toggle没有重载，它们都使用布尔值，而允许您指定一个缓动参数：

.toggle( [ duration ], [ callback ] )
.toggle( [ duration ], [ easing ], [ callback ] )
.toggle( showOrHide )

但是，文档还说：

$('#foo').toggle(showOrHide);

相当于：

if ( showOrHide == true ) {
  $('#foo').show();
} else if ( showOrHide == false ) {
  $('#foo').hide();
}

所以，请使用这个事实：

if (type == "A") {
  $('#txtA').show('slow');
}
else {
  $('#txtA').hide('slow');
}

而且，不，对不起，你不能避免像这样写出来。

^{无论如何，想要调用一个名为“toggle”的函数但是指定你是要显示还是隐藏似乎很奇怪。}

Answer 2

尝试：

if(type == "A"){
    $("#txtA").show(500);
} else{
    $("#txtA").hide(500);
}