title: jQuery mouseover and toggle problem
body: <p>I am trying to have a link appear on mouseover and when clicked, have the link toggle a div (show/hide). What I have now is below.</p>
  
  <p>PHP:</p>
  
  <pre><code>&lt;li class="test"&gt;    &lt;div class="link" style="display:none"&gt;
                  &lt;span class="toggle"&gt;&lt;a href="#"&gt;link&lt;/a&gt;&lt;/span&gt;
                                      &lt;/div&gt;
      &lt;div class="togglediv"&gt;&lt;p&gt;lorem ipsum&lt;/p&gt;&lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>JQUERY:</p>
  
  <pre><code>    &lt;script language="javascript"&gt;
      jQuery(document).ready(function($){
                    $('.test').bind('mouseenter mouseleave', function(e){
  
                        var fade_type = e.type == 'mouseenter' ? 'fadeIn' : 'fadeOut';
                        $(this).find('.link')[fade_type]();
  
                    }).find('.toggle a').click(function($){
  $(".togglediv").hide();
        $(this).toggleClass("active").next().slideToggle("slow");
      return false;
      });
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>The mouseover works, but the toggle doesen't. When I click the link, nothing happens. What gives?</p>