javascript - 单击时在上下滑动 div 上添加选项卡下拉列表

标签 javascript jquery css twitter-bootstrap jquery-ui

slide-down div on click

此下拉 div 是单击包后的 View ,我想在选择时添加选择您的目的地更改图标集。我试过了,但是当单击列表主 div 上的下拉项时向上滑动...

我的 jquery 代码如下

//上下滑动功能

$('li.dropdown-packages a').on('click', function(e){
             e.preventDefault();
             e.stopPropagation();

var $packages = $('.custom-packages');

        if($packages.is(":visible")){
            $packages.slideUp(350);
            setTimeout(function () {
                $('li.dropdown-packages').removeClass('dwn-arrow');
            }, 800);
        }
        if($packages.is(":hidden")){
            $packages.slideDown(350);
            setTimeout(function () {
                $('li.dropdown-packages').addClass('dwn-arrow');
            },800);
        }

    });

最佳答案

使用 slideToggle() 方法。

$('li.dropdown-packages a').on('click', function(e){
         e.preventDefault();
         e.stopPropagation();

var $packages = $('.custom-packages');

    $packages.slideToggle();

});

关于javascript - 单击时在上下滑动 div 上添加选项卡下拉列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45221669/

相关文章:

javascript - 使用多个文件时如何将函数保留在全局命名空间之外?

javascript - MomentJS - 设置下季度开始的时间,同时保留相同/比较日历日?

javascript - 停止图像在导航中移动太远

javascript - 变量作用域在 jquery 中如何工作?

javascript - 从 SP2013 迁移到 SP2019 时 jQuery 代码不起作用

javascript - Facebook 登录页面 - CSS 未定义

javascript - 如何影响点击google map?

javascript - 最后一个值未存储在 Javascript 变量中

javascript - 复选框在映射函数中不起作用 react js css

css - IE9 忽略了我的样式表 block (不是 4096 选择器限制)