单击时滑出菜单栏

Question

当您单击箭头（#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]);
});
 });

Answer 1

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

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