2011-06-13 77 views
0

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

Showing and Hiding of Objects in JQuery

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

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

+0

我发布了一个答案。你只是不能将持续时间参数添加到上面的代码中,因为它只需要一个布尔值,就是你调用它的方式。如果您想更改持续时间,您应该在if/else块语句中执行此操作。您可以在'.show()'或'.hide()'的括号内更改持续时间(以毫秒为单位)。 – Shef 2011-06-13 13:41:26

回答

2

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

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

看来离奇,反正想打电话给一个名为“切换”的功能,但指定是你要显示或隐藏。

1

尝试:

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