Team:NYMU-Taipei/Templates/Header/menubar

From 2011.igem.org

(Difference between revisions)
Line 163: Line 163:
.stop(true)
.stop(true)
.animate({
.animate({
-
'width':'150px',
+
'width':'161px',
-
'height':'150px',
+
'height':'161px',
'left':'0px'
'left':'0px'
},400,'easeOutBack')
},400,'easeOutBack')
Line 174: Line 174:
.find('.sdt_active')
.find('.sdt_active')
    .stop(true)
    .stop(true)
-
.animate({'height':'150px'},300,function(){
+
.animate({'height':'161px'},300,function(){
var $sub_menu = $elem.find('.sdt_box');
var $sub_menu = $elem.find('.sdt_box');
if($sub_menu.length){
if($sub_menu.length){
-
var left = '150px';
+
var left = '161px';
if($elem.parent().children().length == $elem.index()+1)
if($elem.parent().children().length == $elem.index()+1)
-
left = '-150px';
+
left = '-161px';
$sub_menu.show().animate({'left':left},200);
$sub_menu.show().animate({'left':left},200);
}
}

Revision as of 03:24, 6 October 2011

Slide Down Box Menu with jQuery and CSS3

Retrieved from "http://2011.igem.org/Team:NYMU-Taipei/Templates/Header/menubar"