滑动或动画时绑定事件

Question

在下面的示例中，我很好奇我仍然可以使用滑动和滑动动画显示ul。我的意思是，slideUp/slideDown是无显示的，在这个例子中，你似乎正在使用另一个CSS属性，即可见性。在函数jsddm_open上，我希望UL能够滑入并滑出。谢谢你的时间。

var timeout = 500; 
var closetimer = 0; 
var ddmenuitem = 0; 

function jsddm_open() 
{ jsddm_canceltimer(); 
    jsddm_close(); 
    dmenuitem = $(this).find('ul').css('visibility', 'visible'); 

} 

function jsddm_close() 
{ if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');} 

function jsddm_timer() 
{ closetimer = window.setTimeout(jsddm_close, timeout);} 

function jsddm_canceltimer() 
{ if(closetimer) 
    { window.clearTimeout(closetimer); 
     closetimer = null;}} 

$(document).ready(function(){ 

$('#menudropdown > li').bind('mouseover', jsddm_open) 
    $('#menudropdown > li').bind('mouseout', jsddm_timer) 

}); 

document.onclick = jsddm_close; 

Answer 1

退房jQuery函数.slideToggle（）：

http://api.jquery.com/slideToggle/

这将允许您，而不必检查它们当前的知名度状态动画的元素。

EDIT

这是可能的选择指定作为变量并将其传递函数之间。

function jsddm_open() 
{ 
    var current_element = $(this); 
    jsddm_canceltimer(); 
    jsddm_close(current_element); 

    $("ul", this).slideDown(); 
} 

function jsddm_close(current_element) 
{ 
    if(ddmenuitem) ddmenuitem.css('display', 'none'){ 
     current_element.slideUp();} 

;}