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

Question

此下拉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);
        }

    });

Answer 1

使用slideToggle()方法。

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

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

    $packages.slideToggle();

});