创建一个jQuery中的slideIn菜单

Question

早上好，我想这样做类似这样的网站使用jQuery（底部右侧：https://www.casumo.com/）浮动中的slideIn菜单

有人可以给我的，我怎么能做到这一点方向请好吗？这是我第一次做这样的事情。

Answer 1

最简单的方法是使用position: fixed;将菜单放置在所需的位置，并在单击菜单的某个元素时切换控制菜单高度的类。例如：

$(document).on('click', '.menu h4', function() { 
    $(this).parent().toggleClass('expanded'); 
}); 

http://jsfiddle.net/UZFuT/

Answer 2

这里是我的菜单在Casumo.com的快速变化，我togheter扔你:)

http://jsfiddle.net/q8X2d/5/

你可以做一些在滑动之前的计算也在菜单中：

$(".menu-wrapper").hover(function() { 
    var $menu = $(this).find(".menu"); 
    var menuHeight = $menu.outerHeight(); 
$menu.stop().animate({ top: -menuHeight }, 200); 
}, function() { 
    var $menu = $(this).find(".menu"); 
    $menu.stop().animate({ top: 0 }, 200); 
}); 

如果您需要更多的定制帮助，请通过我们的办公室在Ta'Xbiex摇摆;）