JQuery 切换并显示慢/快

Question

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

在 JQuery 中显示和隐藏对象

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

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

Answer 1

文档说 .toggle 没有重载，两者都需要boolean and 允许您指定缓动参数：

.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);
}