單擊滑出菜單欄

當您單擊箭頭（#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]); 
}); 
});

來源

2011-12-20 Connor

格里茲是正確的。如果有人回答你的問題，一定要接受這個答案，以便他們得到你的幫助。 – 2011-12-20 03:03:35

我有一個JS小提琴，應該幫助你。仔細查看一下，如果您對此帖有任何問題評論，我會回覆。第一列沒有孩子，所以沒有幻燈片。使用第2欄和第3欄。

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

來源

2011-12-20 02:57:00

抱歉，我無法儘早回覆。感謝演示，但我想我找到了我在這裏尋找的內容：http://www.webdesignerwall.com/demo/jquery/simple-slide-panel.html我確實有一個問題，不過：.slideToggle不會如果元素的位置在css中被設置爲絕對值，那麼工作嗎？ – Connor 2011-12-20 14:56:35

單擊滑出菜單欄

回答

相關問題