jquery - 如果菜单项有子菜单项，请在单击时切换子菜单

Question

我想使用 jQuery 来切换下拉子菜单的显示。

我想在 jQuery-speak 中说的是这样的：

$('ul li a').click(function() {
   if 'ul li' has a child 'ul' {
      if that child 'ul' is not visible {
         show it;
         } else if {
      the child 'ul' is visible {
         hide it;
         }
   } else if ('ul li') doesn't have a child 'ul' {
   do nothing;
}

如果有 jQuery 知识的人可以通过将我的 mambo-jumbo 翻译成实际的 jQuery 代码来帮助我，我将不胜感激！

Answer 1

$('ul li a').click(function() {
   var li = $(this).closest('li');
   if(li.has('ul'))
        li.find('ul').toggle();
});

试试这个，DEMO