滑動或動畫時綁定事件

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

;}