JQuery пользовательское меню

Question

каждый найденный мной плагин jQuery основан на <li> элементах для генерации пунктов меню.

У меня есть <div id = "menubutton"> элемент, представляющий меню кнопка и другой, не-связанные (если это не ребенок) <div id = "menucontent">, который содержит пункты меню (смешанный материал, изображения и т. д.)Я хочу, чтобы этот второй скрытый div появлялся, когда я нажимал на кнопку. он должен скрываться, когда я покидаю кнопку ИЛИ, когда я покидаю div содержимого, в случае, если я выбираю элементы или что-то там делаю.

Теперь этот код у меня есть, но вещь clearTimeoutне похоже на работу. Любая помощь? Указание на плагин, чтобы помочь моей работе, также будет работать.

Спасибо!

        var timer;

        $('#menubutton').click(function() {
            $('#menucontent').show();
        });

        $('#menubutton').mouseout(function() {
            timer = setTimeout('$("#menucontent").hide()', 500);
        });


        $('#menucontent').mouseover(function() {
            clearTimeout(timer);
        }).mouseout(function() {
            setTimeout('$("#menucontent").hide()', 300);
        });

РЕДАКТИРОВАТЬ РЕШЕНИЕ

Я решил проблему с помощью hover от мыши до мыши

Answer 1

Попробуйте это:

    $('#menubutton').click(function() {
        $('#menucontent').show();
    });

    $('#menubutton').mouseout(function() {
        $(this).data('myTimer', setTimeout('$("#menucontent").hide()', 500));
    });

    $('#menucontent').mouseover(function() {
        clearTimeout($(this).data('myTimer'));
    }).mouseout(function() {
        setTimeout('$("#menucontent").hide()', 300);
    });