单击时滑出菜单栏

时间:2011-12-20 02:04:52

标签: jquery jquery-ui html5 css3

当您单击箭头(#hide)时,我尝试在顶部滑动菜单栏(.top-bar),因此箭头也需要向上滑动。除此之外,箭头需要切换(从向上箭头到向下箭头)。 这就是我没有运气的尝试:

$(document).ready(function(){
$("#hide").click(function(){
    $(".top-bar").animate({'top': '-=100px'}, 1000);
    $("#hide").animate({'top': '-=100px'}, 1000);
    $(".close").switchClass('close', 'open', [1000]);
},
function(){
    $(".top-bar").animate({'top': '+=100px'}, 1000);
    $("#hide").animate({'top': '+=100px'}, 1000);
    $(".open").switchClass('open', 'close', [1000]);
});
 });

1 个答案:

答案 0 :(得分:2)

我有一个可以帮助你的JS小提琴。看看它,如果你有任何问题评论这篇文章,我会回应。第一列没有子节点,因此没有幻灯片。使用第2列和第3列。

http://jsfiddle.net/GvGoldmedal/Vqkvu/