тумблер выпадающие: определить исходное положение

Question

Привет У меня есть JQuery выпадающего меню:

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

прямо сейчас она рухнула, когда я парить над пунктом меню он скользит вверх. Как я могу сделать позицию постановки вверх, и когда я надвигаюсь, чтобы спуститься вниз.

Кроме того, как только подменю под парящим элементом меню обрушиваются. прямо сейчас, когда я нависаю над одним, все подменю рушится. Я знаю, что использование «div a» для этого, вероятно, не очень умное, но я действительно не могу дать каждому элементу toggle-menu другой идентификатор. Итак, есть способ сказать jquery только свернуть детей зависания «div a» ???

Я полный noob!

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

Answer 2

Первое:

$(document).ready(function(){ 
$(this).children('li').slideToggle("slow"); // seting initial state 
$('div a').hover(function() { 
    $('.submenu').not(this).children('li').slideUp("slow"); 
    $(this).children('li').slideToggle("slow"); 
}); 
}); 

Я не совсем уверен, что понять вашу вторую точку, может быть, вы можете предоставить некоторые HTML.