单击时在上下滑动 div 时添加选项卡下拉菜单

Posted

技术标签:

【中文标题】单击时在上下滑动 div 时添加选项卡下拉菜单【英文标题】:adding tab dropdown on slide up and down div on click 【发布时间】:2017-12-26 13:28:40 【问题描述】:

此下拉 div 是单击包后的视图,我想在选择目标时添加更改图标集。我试过了,但是当单击列表主 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);
        

    );

【问题讨论】:

【参考方案1】:

使用slideToggle() 方法。

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

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

    $packages.slideToggle();

);

【讨论】:

我用了slideToggle div 也可以工作,但是div 里面的下拉链接不工作...

以上是关于单击时在上下滑动 div 时添加选项卡下拉菜单的主要内容,如果未能解决你的问题,请参考以下文章

通过单击通知下拉菜单中的选项卡打开(警报)对话框

在 div 下拉菜单之外单击时隐藏,但未显示切换

tvOS 中的 AVPlayerViewController 下拉菜单

单击下拉选项 magento 1.7.0.2 在管理面板中创建网格

引导、导航选项卡、下拉菜单;如何根据 URI 设置活动选项卡

Angular 5 Material 如何将下拉菜单添加到多级轮播样式的 SideNav?