Drop-down menu keeps going up and down
<p>Here are my functions:</p>

<pre><code>function dropmenu() {
    $(".dropdownitem").show('slow');
}
function hidemenu() {
    $(".dropdownitem").hide('slow');
}
</code></pre>

<p>And here is my drop-down menu:</p>

<pre><code>&lt;div id="dropdown" class="ns" onmouseover="dropmenu()" onmouseout="hidemenu()"&gt;
    &lt;p id="dropper"&gt;Shortcut Menu&lt;/p&gt;
    &lt;p class="dropdownitem"&gt;Shortcut menu item&lt;/p&gt;
    &lt;p class="dropdownitem"&gt;Something&lt;/p&gt;
    &lt;p class="dropdownitem"&gt;Seomthing else&lt;/p&gt;
    &lt;p class="dropdownitem"&gt;Test menu item&lt;/p&gt;
    &lt;p class="dropdownitem"&gt;More testing&lt;/p&gt;
    &lt;p class="dropdownitem"&gt;Stuff&lt;/p&gt;
    &lt;p class="dropdownitem"&gt;More stuff&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>The problem is that when I mouse over and out of the Shortcut Menu, it keeps going up and down and up and down and up and down and....</p>

<p>What is the problem?</p>
