切換/點擊img隱藏/顯示旋轉木馬

我有一個導航欄，裏面有一個名爲「MyMonsters」的圖標，它是一個img，我想單擊以顯示/隱藏名爲「botScroll」的div，它是一個旋轉木馬。切換/點擊img隱藏/顯示旋轉木馬

我已經嘗試過這種方式，使旋轉木馬在點擊上滑動，但不會在點擊時回落。

$("#MyMonsters").click(function() { 
     var effect = 'slide'; 
     var options = { direction: 'down' }; 
     var duration = 700; 
     $('#botScroll').toggle(effect, options, duration); 
});

我是新來張貼如此道歉，如果我沒有正確顯示的東西。在此先感謝。

來源

2014-06-17 user3746858

感謝您的幫助傢伙我設法解決我的問題，也學會了不同的方式來實現我想要的。這是我寫我的CSS導致它不工作的方式。 :) – user3746858

我不確定您是否在尋找保持隱藏在切換或您想要常規切換功能的元素。如果無論哪種方式，你想找一個幻燈片效果，你可以看看slideToggle的實現可能是這個樣子：

$("#MyMonsters").click(function() { 
    $("#botScroll").slideToggle(700); 
});

來源

2014-06-17 03:04:07

切換/點擊img隱藏/顯示旋轉木馬

回答

相關問題