注册    登录
关注
Py学习  »  Jquery

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

abc def • 6 年前 • 2481 次点击  

在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
文章 [ 2 ]  |  最新文章 6 年前
ibrahim mahrir
Reply   •   1 楼
ibrahim mahrir    6 年前

而不是使用 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;
});
Nidhin Joseph
Reply   •   2 楼
Nidhin Joseph    6 年前

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

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

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

});
登录后回复
关于   移动版
Py学习 - 专注于Python技术发展的社区(原Django社区)
沪ICP备11025650号