如何快速jQuery显示元素,并在短时间内隐藏

abc def • 5 年前 • 1794 次点击

在jQuery中,如何比在毫秒内关闭此元素更快地打开元素?

这是我的代码:

jQuery(document).ready(function() { 
    $('.enmenu').on('click', function(){
        $('.ensettings').fadeToggle();
        return false;
    });

    $('html, body').on('click',function(){
        $('.ensettings').hide();
    });

    $(".ensettings").click(function(e){
        e.stopPropagation();
    });
});
/* Dropdown menu - End */```

Python社区是高质量的Python/Django开发社区
本文地址：http://www.python88.com/topic/49546

1794 次点击

文章 [ 2 ] | 最新文章 5 年前

• 1 楼

ibrahim mahrir 5 年前

而不是使用 fadeToggle ,简单使用 hide 或 show 设置了持续时间参数。要知道元素是否隐藏,请使用 is(":hidden") :

$('.enmenu').on('click', function(){
    var $elem = $('.ensettings');

    if($elem.is(":hidden")) {             // if element is hidden
        $elem.show(200);                  // show with 200 miliseconds animation
    } else {                              // otherwise
        $elem.hide(5000);                 // hide with 5000 miliseconds animation
    }

    return false;
});

• 2 楼

Nidhin Joseph 5 年前

你可以用 fadeToggle 有条件地设置切换的速度。

$('.enmenu').on('click', function() {

  var el = $('.ensettings');
  el.fadeToggle(el.is(":hidden") ? 200 : 5000);

});

登录后回复