lisamg Posted January 23, 2011 Share Posted January 23, 2011 http://blogg.lmphoto.no/take a look at it here, it works perfectly in opera and FF, but not in IE... does anyone know what the problem is?<!-- include jQuery Library From Google Code --><script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script><!-- include jQuery UI From Google Code--><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script><script type="text/javascript"> $(document).ready(function() { $("ul#blockeasing li.menu-item").mouseover(function(){ //When mouse over ... //Following event is applied to the subnav itself (making height of subnav 60px) $(this).find('.sub-menu').stop().animate({height: '100%', opacity:'0.9'},{queue:false, duration:1500, easing: 'easeOutElastic'}) }); $("ul#blockeasing li.menu-item").mouseout(function(){ //When mouse out ... //Following event is applied to the subnav itself (making height of subnav 0px) $(this).find('.sub-menu').stop().animate({height:'0px', opacity:'0'},{queue:false, duration:1600, easing: 'easeOutElastic'}) }); });</script> Link to comment Share on other sites More sharing options...
abdelelbouhy Posted January 23, 2011 Share Posted January 23, 2011 http://blogg.lmphoto.no/take a look at it here, it works perfectly in opera and FF, but not in IE... does anyone know what the problem is?<!-- include jQuery Library From Google Code --><script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></script><!-- include jQuery UI From Google Code--><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script><script type="text/javascript"> $(document).ready(function() { $("ul#blockeasing li.menu-item").mouseover(function(){ //When mouse over ... //Following event is applied to the subnav itself (making height of subnav 60px) $(this).find('.sub-menu').stop().animate({height: '100%', opacity:'0.9'},{queue:false, duration:1500, easing: 'easeOutElastic'}) }); $("ul#blockeasing li.menu-item").mouseout(function(){ //When mouse out ... //Following event is applied to the subnav itself (making height of subnav 0px) $(this).find('.sub-menu').stop().animate({height:'0px', opacity:'0'},{queue:false, duration:1600, easing: 'easeOutElastic'}) }); });</script> it works fine with me Link to comment Share on other sites More sharing options...
lisamg Posted January 23, 2011 Author Share Posted January 23, 2011 it works fine with mereally? what version of IE are you using? Link to comment Share on other sites More sharing options...
abdelelbouhy Posted January 23, 2011 Share Posted January 23, 2011 i tried in 9,8,7 but in seven it still works but give you warning if you wnt keep running the script Link to comment Share on other sites More sharing options...
lisamg Posted January 23, 2011 Author Share Posted January 23, 2011 i tried in 9,8,7 but in seven it still works but give you warning if you wnt keep running the scriptoh, well, maybe it's just on my computer then, thank you Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.