slideDown doesn't work fine in IE7. please help
it works fine int all other browser ( including IE6, 8) but not work in IE7.
The menu item slided down but it didn't push the next element down
Please help
thanks
-
<script type="text/javascript"> |
|
jQuery(document).ready( |
|
function () { |
|
jQuery('#menudoc a.menuItem').click( |
|
function () { |
|
var sub = jQuery(this).next('div'); |
|
if (sub != null) { |
|
if (sub.is(':hidden')) { |
|
sub.slideDown('200'); |
|
} |
|
else { |
|
sub.slideUp('200'); |
|
} |
|
} |
|
} //function |
|
); //click |
|
} //function |
|
); |
|
</script> |
|
<style type="text/css"> |
|
|
|
#menudoc li |
|
{ |
|
clear: both; |
|
display: list-item; |
|
position: relative !important; |
|
} |
|
#menudoc li div |
|
{ |
|
display: none; |
|
} |
|
ul.subMenu li |
|
{ |
|
margin-top: 5px!important; |
|
} |
|
</style> |
<ul id="menudoc"> |
|
|
|
<li><a class='menuItem' href='#'> |
|
Sen vòi venla</a> |
|
|
|
<div> |
|
<ul class='subMenu'> |
|
|
|
<li><a class='menuItem' href='#'> |
|
Sen tròn</a></li> |
|
<li><a class='menuItem' href='#'> |
|
Sen vuông</a></li> |
|
</ul> </div> |
|
</li> |
|
|
|
<li><a class='menuItem' href='#'> |
|
Vòi rửa bát venla</a> |
|
|
|
<div> |
|
<ul class='subMenu'> |
|
|
|
<li><a class='menuItem' href='#'> |
|
Vòi gật gù</a></li> |
|
<li><a class='menuItem' href='#'> |
|
Vòi cứng</a></li> |
|
</ul> </div> |
|
</li> </ul>
|
|