jQuery:将slideUp更改为fadeOut

时间:2018-03-24 18:20:26

标签: jquery drop-down-menu fadein fadeout

我有SlideToggle()的DropDown菜单功能,我想将其更改为fadeIn() / fadeOut()(或fadeToggle()我不知道......)。

Accordion.prototype.dropdown = function (e) {
            var $el = e.data.el;
            $this = $(this),
                $next = $this.next();

            $next.fadeIn(1000);
            $this.parent().toggleClass('open');

            if (!e.data.multiple) {
                $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
            }
            ;
        }

我将$next.slideToggle();更改为$next.fadeIn(1000);并且看起来非常好,但我不知道如何使用fadeOut()隐藏它。

我在这里试过:$el.find('.submenu').not($next).slideUp().parent().removeClass('open'); 并且在许多方面发生了变化,但有些事情仍未奏效。

有人知道我该怎么改变它?

2 个答案:

答案 0 :(得分:0)

这有用吗?

Accordion.prototype.dropdown = function (e) {
    var $el = e.data.el;
    $this = $(this),
    $next = $this.next();

    $next.fadeIn(1000);

    //What do you do this for?
    //$this.parent().toggleClass('open');

    if (!e.data.multiple) {
        $this.fadeOut(1000);
    }

}

答案 1 :(得分:0)

好的,没关系,我找到解决方案:D

$next.fadeIn(1000);更改为$next.fadeToggle(1000);