title: jQuery slideToggle not working on IE8
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/1902478/jquery-slidetoggle-problem-in-ie8-only-using-lists">Jquery slideToggle problem in IE8 only using lists</a>  </p>
  </blockquote>
  
  
  
  <p>I have a code that slideToggles the contents of list items. It works fine in FF but in IE8 when clicking the item, instead of slide show the content, it always shows the content and slides up to hide it.
  Here is the code of the list:</p>
  
  <pre><code>&lt;ul class="accordion"&gt;
      &lt;li&gt;
          &lt;h4 class="head"&gt;Title 1&lt;/h4&gt;
          &lt;p&gt;Content 1.&lt;/p&gt;
      &lt;/li&gt;
      &lt;li&gt;
          &lt;h4 class="head"&gt;Title 2&lt;/h4&gt;
          &lt;p&gt;Content 2.&lt;/p&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>This is the JS/jQuery code:</p>
  
  <pre><code>$(document).ready(function(){
      $('.accordion .head').click(function() {
          $(this).next().slideToggle(250);
          return false;
      }).next().hide();
  });
  </code></pre>
  
  <p>And here is the online page: <a href="http://grupoautolider.com.ar/galeria/cabriolet" rel="nofollow noreferrer">http://grupoautolider.com.ar/galeria/cabriolet</a></p>
  
  <p>This is strange because this code is featured in jQuery UI's doc page. It must be noted that this doesn't happen in IE7. I would be very grateful for your answers. Thanks in advance.</p>