JQuery切换并显示缓慢/快速
问题描述:
我想使用JQuery切换对象。我只能显示/隐藏物体,而且我想慢慢地显示/隐藏它们,而不是立即显示/隐藏它们。JQuery切换并显示缓慢/快速
Showing and Hiding of Objects in JQuery
$("#txtA").toggle(type == "A");
我不知道如何添加 “.show( '慢')” 在上面的代码。请帮帮我。谢谢。
答
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');
}
而且,不,对不起,你不能避免写出来这样。
看来离奇,反正想打电话给一个名为“切换”的功能,但指定是你要显示或隐藏。
答
尝试:
if(type == "A"){
$("#txtA").show(500);
} else{
$("#txtA").hide(500);
}
我发布了一个答案。你只是不能将持续时间参数添加到上面的代码中,因为它只需要一个布尔值,就是你调用它的方式。如果您想更改持续时间,您应该在if/else块语句中执行此操作。您可以在'.show()'或'.hide()'的括号内更改持续时间(以毫秒为单位)。 – Shef 2011-06-13 13:41:26