Jquery fadeIn fadeOut not working in IE8 but working in chrome, firefox
<p>I m trying to show and hide some elements(span) using jquery fadeIn and fadeOut method so I used following code:</p>

<pre><code>&lt;script type="text/javascript"&gt;
$(document).ready(function(){

$("a.moretag").click(function(){
$("span.hideelement").fadeIn("slow");
$("a.moretag").fadeOut("slow");
$("a.lesstag").fadeIn("slow");
});


$("a.lesstag").click(function(){
$("span.hideelement").fadeOut("slow");
$("a.lesstag").fadeOut("slow");
$("a.moretag").fadeIn("slow");
});

});

&lt;/script&gt;

 .....
 &lt;span class="hideelement" style="display:none;"&gt;First&lt;/span&gt;
 &lt;span class="hideelement" style="display:none;"&gt;Second&lt;/span&gt;
 .
 .
 &lt;span class="hideelement" style="display:none;"&gt;Tenth&lt;/span&gt;
 &lt;a class="moretag"&gt;&lt;strong&gt;More&lt;/strong&gt;&lt;/a&gt;
 &lt;a class="lesstag" style="display:none;"&gt;&lt;strong&gt;Less&lt;/strong&gt;&lt;/a&gt;
 .....
</code></pre>

<p>In above code when user clicks "more" link it will display previously hidden elements(display:none), more link is disappear and "less" link is displayed vice-vers.</p>

<p>Here when I clicked "More" link it works fine means it disappears and displays "Less" link vice-ver. but it doesn't show/hide hidden span elements.</p>

<p>This code works great in chrome, mozilla and IE7 but not working in IE8. What's wrong with code. Please help me.</p>

<p>THANKS in ADVANCE.</p>
