Difference between revisions of "Template:Toronto/CSS"
| Line 248: | Line 248: | ||
$(function() { | $(function() { | ||
$('#navBarBackground > ul').bind('mouseenter',function(){ | $('#navBarBackground > ul').bind('mouseenter',function(){ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
var $elem = $(this); | var $elem = $(this); | ||
<!--BEGIN Animate NavBar Test--> | <!--BEGIN Animate NavBar Test--> | ||
| Line 306: | Line 255: | ||
},100,'easeOutBack') | },100,'easeOutBack') | ||
$elem.find('li > a').animate({'height':'170px'},100,'easeOutBack') | $elem.find('li > a').animate({'height':'170px'},100,'easeOutBack') | ||
| − | |||
| − | |||
| − | |||
<!--END Animate NavBar Test--> | <!--END Animate NavBar Test--> | ||
}).bind('mouseleave',function(){ | }).bind('mouseleave',function(){ | ||
| Line 317: | Line 263: | ||
'padding-bottom':'85px' | 'padding-bottom':'85px' | ||
},100,'easeOutBack') | },100,'easeOutBack') | ||
| − | |||
| − | |||
| − | |||
<!--END Animate NavBar Test ENDER--> | <!--END Animate NavBar Test ENDER--> | ||
| + | }); | ||
| + | |||
| + | |||
| + | $('#sdt_menu > li').bind('mouseenter',function(){ | ||
| + | var $elem = $(this); | ||
| + | <!--BEGIN Animate NavBar Test--> | ||
| + | $elem.stop(true) | ||
| + | <!--END Animate NavBar Test--> | ||
| + | $elem.find('img') | ||
| + | .stop(true) | ||
| + | .animate({ | ||
| + | 'width':'170px', | ||
| + | 'height':'170px', | ||
| + | 'left':'0px' | ||
| + | },200,'easeOutBack') | ||
| + | .andSelf() | ||
| + | .find('.sdt_wrap') | ||
| + | .stop(true) | ||
| + | .animate({'top':'240px'},200,'easeOutBack') | ||
| + | .andSelf() | ||
| + | .find('.sdt_active') | ||
| + | .stop(true) | ||
| + | .animate({'height':'170px', 'top':'170px'},100,function(){ | ||
| + | var $sub_menu = $elem.find('.sdt_box'); | ||
| + | if($sub_menu.length){ | ||
| + | var left = '-170px'; | ||
| + | if($elem.parent().children().length == $elem.index()+1) | ||
| + | left = '170px'; | ||
| + | $sub_menu.show().animate({'left':left, 'top':'170px'},100); | ||
| + | } | ||
| + | }); | ||
| + | }).bind('mouseleave',function(){ | ||
| + | var $elem = $(this); | ||
| + | <!--BEGIN Animate NavBar Test ENDER--> | ||
| + | |||
| + | <!--END Animate NavBar Test ENDER--> | ||
| + | var $sub_menu = $elem.find('.sdt_box'); | ||
| + | if($sub_menu.length) | ||
| + | $sub_menu.hide().css('left','0px'); | ||
| + | |||
| + | $elem.find('.sdt_active') | ||
| + | .stop(true) | ||
| + | .animate({'height':'0px'},0) | ||
| + | .andSelf().find('img') | ||
| + | .stop(true) | ||
| + | .animate({ | ||
| + | 'width':'0px', | ||
| + | 'height':'0px', | ||
| + | 'left':'85px'},100) | ||
| + | .andSelf() | ||
| + | .find('.sdt_wrap') | ||
| + | .stop(true) | ||
| + | .animate({'top':'25px'},200); | ||
}); | }); | ||
}); | }); | ||
Revision as of 04:02, 3 August 2018
