jQuery菜单不显示/隐藏

Question

我有这个jQuery代码的小问题： 如果我直接调用openMenu函数，它的工作原理，但如果它没有。

$(document).ready(function() { 

function checkMenu() { 

if($(this).find('ul').css('display') == 'none') { 
    openMenu(); 
} else { 
    closeMenu(); 
} 
} 

function openMenu() { 
    $(this).find('ul').css({display: "block"}); 
} 

function closeMenu() { 
    $(this).find('ul').css({display: "none"}); 
} 


$('ul li:has(ul)').click(checkMenu); 
}); 

Answer 1

你可以把它容易对自己和使用toggle()

$('ul li:has(ul)').click(function(){ 
    $(this).find('ul').toggle(); 
}); 

http://api.jquery.com/toggle/

Answer 2

你为什么不使用.toggle（）？如：

$(this).find('ul').toggle(); 

您也可以设置切换速度或者使用慢，正常，快：

$(this).find('ul').toggle('fast'); 

Answer 3

openMenu不知道什么是“本”指的是。这应该工作...

$(document).ready(function() { 

function checkMenu() { 
    var me = $(this); 
    if(me.find('ul').css('display') == 'none') { 
     openMenu(me); 
    } else { 
     closeMenu(me); 
    } 
} 

function openMenu(me) { 

    //this isn't defined.. 
    me.find('ul').css({ 
     display: "block" 
    }); 
} 

function closeMenu(me) { 
    me.find('ul').css({ 
     display: "none" 
    }); 
} 


$('ul li:has(ul)').click(checkMenu); 

}）;

但其他人都是对的。切换功能可以很好地适用于这种情况。