向下滑动和向上滑动

Magento 2

我正在使用Slide Down&Up,效果很好。但是我的问题是,当用户打开此页面时,如果用户单击则它会向上滑动,然后只能向下滑动。

<script type="text/javascript">
    jQuery(function ($) {
        $(".block-layered-nav dt").click(function () {
            if ($(this).next("dd").css("display") == "none") {
                $(this).next("dd").slideDown(1000);
                $(this).removeClass("closed");
            } else {
                $(this).next("dd").slideUp(1000);
                $(this).addClass("closed");
            }
        });
    });
</script>

我犯了什么错误

里诺·拉吉(Rino Raj)

closed用元素添加类

工作演示

jQuery(function($) {
  $('dd').hide()
  $(".navigation dt").click(function() {
    if ($(this).next('dd').is(":visible")) {
      $(this).next('dd').slideToggle('slow').toggleClass('close');
    } else {
      $(this).next('dd').slideToggle('slow').toggleClass('close');
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="navigation">
  <dt>test</dt>
  <dd class="close">sample</dd>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

jQuery向上滑动和向下滑动切换

Android 向下滑动以向上滑动视图

向上滑动可将RecyclerView向上滑动,向下滑动可将Recyclerview向下滑动

当您单击链接时,向上和向下滑动

向上/向下滑动无法正常工作

如何创建向上/向下滑动的 UITableView?

使子导航向下滑动和向上滑动切换

向上滑动和向下滑动覆盖按钮点击问题javascript,css

jQuery问题向上滑动-向下滑动-div不出现

向左/向右滑动div,而不是向上/向下滑动

收银机向上滑动/向下滑动效果

将布局滑动到屏幕中间(向上滑动),然后向上或向下滑动

使.removeClass()和.addClass()在向上和向下滑动时平稳过渡

根据速度或其他变量向左,向右,向上和向下滑动

通过向上/向下滑动切换到片段

使用CSS最大高度过渡向上/向下滑动?

粘性标头在向上滚动时向下滑动

图片通过鼠标悬停向上或向下滑动

如何使图像向下滑动

向下滑动表格的Javascript

角度向下滑动模块

多个div向下滑动

当单击标题时,当新列表向下滑动时,jQuery向上滑动显示列表?

(android) 视图应向下滑动,几秒钟后自动向上滑动

为什么这个jQuery不向下滑动/不显示隐藏(向上滑动)的元素?

向下滑动或向上滑动时,会丢失android回收器视图中的选定项目

如何在单击时切换 Slick 滑块(向下滑动并向上滑动)

jQuery菜单向上/向下滑动div,但也向右/左滑动div

将计时器设置为向下滑动,然后在向上滑动后更改按钮