切换/单击img隐藏/显示轮播

Question

我有一个导航栏，其中包含＆＃34; MyMonsters＆＃34;这是一个img，我想点击显示/隐藏一个名为＆＃34; botScroll＆＃34;这是一个旋转木马。

我试过这个让旋转木马在点击时向上滑动但在点击时不会再向下滑动。

$("#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 );
});