Trying to Replace CSS Transition with jQuery
Hi All - this is my first post on this forum. I'm working on a nav menu that has a full screen width drop down sub-menu. I'm using CSS transitions to animate the drop down. It works beautifully in FF and Chrome, but it doesn't work in older versions of IE. Therefore, I'm looking for a jQuery solution that can replace this bit of CSS:
-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;
Specifically, I'm looking for a way to use jQuery to have the sub-menu slidedown (and fade in at the same time if possible) when the top level links are hovered over. Can anybody help? Here is a working fiddle using CSS transitions showing the effect I want to achieve with jQuery:
jsFiddle Any help would be greaty appreciated!