I have a multi-level drop-up menu composed of ordered lists within ordered lists. To create a slide-up effect I set a parent item to height:0 and the use .animate() to set its height up to full height (would use slideUp but I want it to expand up, figure should be the same).
I have for a particular parent menu node on hover:
$(this).children('ul').height('0');
$(this).children('ul').animate({height:355},500);
This pops up the first ordered list as desired on all browsers, but on IE8 the child ul's (containing the 2nd level menu items) no longer appear on hover (on the list items of the ul referenced above), as though the height adjustment to the parent ul has made them disappear. I've checked their heights and visibilities and they seem untouched, so not sure what's going on here...!
Any help is appreciated.