jQuery custom menu
<p>every jQuery plugin I've found is based on <code>&lt;li&gt;</code> elements to generate the menu items.</p>

<p>I have <code>&lt;div id = "menubutton"&gt;</code> element that represents the menu <em>button</em> and another, not-related (maning it is not a child) <code>&lt;div id = "menucontent"&gt;</code> that contains the menu items (mixed stuff, images etc). I want this second, hidden div to appear when I click on the button. it should hide back when i leave the button OR when i leave the content div, in case i'm selecting items or doing stuff there.</p>

<p>Now, this is the code I have so far, but the clearTimeout thing doesn't seem to work. Any help? Pointing out a plugin to help my work would work as well.</p>

<p>Thanks!</p>

<pre><code>        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);
        });
</code></pre>

<p><strong>EDIT SOLUTION</strong></p>

<p>I solved the problem using <code>hover</code> insted of mouseover / mouseout</p>
