как скрыть подменю в меню jquery

Question

у меня есть меню, например, код сброса

Главная

• Подпункт 1
  • Подпункт 1.1
    • Подпункт 1.1.1
    • Подпункт 1.1.2
  • Подпункт 1.2
  • Подпункт 1.3
  • Подпункт 1.4
  • подпункт 1.5
  • подпункт 1.6
  • Подпункт 1.7
• Подпункт 2
• Подпункт 3

Информация о продукте

• Подпункт 1
• Подпункт 2
  • Подпункт 2.1
  • Подпункт 2.2
• Подпункт 3
• Подпункт 4
• Подпункт 5
• Подпункт 6
• Подпункт 7

и файл css для упорядочивания элементов в виде вертикального меню, я показываю подменю с помощью jquery, как этот

$(document).ready(function(){
    var ss="#menu li:hover>div";
    $("div#menu li:parent").hover(function(){
        $(ss).show(500);

    });
});

Теперь, как мне скрыть это подменю, пока мышь остается на предметах? кто-нибудь может мне помочь?

Answer 1

Вы имеете в виду что-то вроде этого:

var ss = "#menu li:hover>div";
$("div#menu li:parent").hover(
    function() {
        $(ss).show(); //this is the mousein
    },
    function() {
        $(ss).hide(); //this is the mouseout
    }
);

Помните, что hover может принимать два обратных вызова, и второй обратный вызов будет вызываться, когда мышь покидает элемент.

http://api.jquery.com/hover/

Answer 2

Используйте событие mouseleave