Geek Answers Handbook

IE9 jQuery slidedown issue

So, I have a ul list in which I click the div above it, and then I switch it so that I can expand / up the list ... but when I move the list to IE9, I see this strange effect below:

enter image description here

this happens when the slide module

my code is as follows:

$(".btn").click(function() { if ($(this).next().is(":visible")){ $(".slide_menu").slideUp("fast"); }else{ $(".slide_menu").slideUp("fast"); } });

html is as follows:

  <div class="btn">Button</a></div> <ul class="slide_menu"> <li><a href="http://domain.com">Link</a></li> </ul>
+4
source share
2 answers

If all you want to do is switch it to clicks, try this. Your code has changed a bit, I do not have IE9, because I'm on a mac, but that should work. If it still does not work. Tell me and I'll see what I can do!

http://jsfiddle.net/fWJuk/1/

+1
source

If you have a css height style set to 100% for an html or body element, removing it may solve the IE9 tag rendering problem. It worked for me. I know IE9 should have done it right first. This is similar to IE9 error.

+1
source

More articles:


All Articles