title: jquery accordion slide-up and slide-down menu not works
body: <p>i try to implement the accordion jquery for toggle slide down and slide up left navigation bar but i use the below jquery and the html code. But it not works it just show the "click here" only.</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
                  jQuery("#accordion &gt; li &gt; div").click(function () {
  
                  if (false == $(this).next().is(':visible')) {
                      jQuery('#accordion ul').slideUp(300);
                  }
                  jQuery(this).next().slideToggle(300);
              });
              jQuery('#accordion ul:eq(0)').show();
  
          &lt;/script&gt;
  </code></pre>
  
  <p>here is my code in html:</p>
  
  <pre><code>&lt;ul id="accordion"&gt;
              &lt;li&gt;
                  &lt;div&gt;
                     Click here&lt;/div&gt;
                  &lt;ul&gt;
                      &lt;li&gt;&lt;a href="#"&lt;/a&gt;outer view&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&lt;/a&gt;our works&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&lt;/a&gt;Atrs&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&lt;/a&gt;contac us&lt;/li&gt;
                      &lt;li&gt;&lt;a href="#"&lt;/a&gt;Demo&lt;/li&gt;
                  &lt;/ul&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
  
      &lt;/ul&gt;
  </code></pre>