jquery - 切换下拉菜单 : define starting position

Question

你好，我有一个 jquery 下拉列表:

$('div a').hover(function() {
    $('.submenu').not(this).children('li').slideUp("slow");
    $(this).children('li').slideToggle("slow");
});

现在它是折叠的，当我将鼠标悬停在菜单项上时它会向上滑动。怎样才能让状态向上，悬停时向下滑动。

另外，悬停的菜单项下方的子菜单如何才能折叠。现在，当我将鼠标悬停在一个菜单上时，所有子菜单都会崩溃。我知道为此使用“div a”可能不是很聪明，但我真的不能给每个切换菜单项一个不同的 ID。那么有没有办法告诉 jquery 只折叠悬停的“div a”的 child ？？？

我是个菜鸟!

http://jsfiddle.net/CBKZK/

Answer 1

这样使用

$('.dropdown-menu').click(function() {
    $('.dropdown-menu').not(this).children('ul').slideUp("slow");
    $(this).children('ul').slideToggle("slow");
$(".thisismobile").find("a").next().show();
});
$(".thisismobile").find("a").hover(
  function() {
    $( this ).next().slideDown();
  }, function() {
    $( this ).next().slideUp();  }
);

Demo

编辑

$('.dropdown-menu').click(function() {
    $('.dropdown-menu').not(this).children('ul').slideUp("slow");
    $(this).children('ul').slideToggle("slow");
$(".thisismobile").find("a").next().show();
});



$(".thisismobile").find("a").hover(function(){
  $( this ).next().slideDown();
});


 $(".submenu").mouseleave(function(){
  $( this ).slideUp();
});

Updated Fiddle