jQuery .click event
<p>I'm new to jQuery. I'm playing with a menu that slide when the user click on the arrow.
I used:</p>

<pre><code>$(document).ready(function(){
$('.userArrow').click(function(){
$('#dropdown-1').slideToggle(300);
});//end click
});//end ready


&lt;div id="dropdown-1" class="dropdown-menu has-tip"&gt;
    &lt;ul&gt;
        &lt;li&gt;&lt;a href="#1"&gt;Item 1&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#2"&gt;Item 2&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#3"&gt;Item 3&lt;/a&gt;&lt;/li&gt;
        &lt;li class="divider"&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#4"&gt;Item 4&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#5"&gt;Item 5&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="#5"&gt;Item 6&lt;/a&gt;&lt;/li&gt;
    &lt;/ul&gt;

           &lt;/div&gt;
        &lt;a id="name_header"&gt;
&lt;span class="pic"&gt;
  &lt;?php echo $link?&gt;
&lt;/span&gt;
&lt;?php echo ''.$user_data['first_name'];?&gt;
&lt;img class="userArrow"  width="7" height="5" alt="" src="images/arrow.png"&gt;
&lt;/a&gt;
</code></pre>

<p>It works only when I click twice. Is there any other events that works clicking just once?
thanks</p>
