切换/点击img隐藏/显示旋转木马

Question

我有一个导航栏，带有名为"MyMonsters“的安莉id，这是我想要单击的img，以显示/隐藏名为"botScroll”的div，这是一个旋转木马。

我已经尝试了这个，使旋转木马滑上点击，但不会回到点击时。

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

如果我没有正确地显示一些东西，我是个新手，所以我很抱歉。提前谢谢。

Answer 1

我不确定你是在寻找隐藏在切换中的元素，还是想要常规的切换功能。无论哪种方式，如果您正在寻找幻灯片效果，您可以查看slideToggle，其实现可能如下所示：

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