Jquery SlideUp ,关闭但不显示效果
Jquery SlideUp , close but don't show effect
我想将 slideUp 与 jquery 一起使用,为了关闭 div 我使用 slideUp ,但关闭 div 发生在一秒钟内,并没有真正显示出这种效果
我的脚本是这样的:
jQuery("#web_header_info_show_close").click(function() {
jQuery("#web_header_info_show").slideUp(2000);
});
这种情况我尝试一直修改但总是得到相同的结果,如果我更改函数内的时间并放置更多时间,效果将继续不显示并在一秒钟内关闭 div ,我不知道是不是因为使用了点击功能,但我认为这一定不是问题,因为 slideUp
感谢您的帮助,此致
更新信息:
您可以在此处查看演示: https://jsfiddle.net/gzdjdz25/
问题出在 min-height:100px;
上,请改用 height:100px;
。
#web_header_info_show{
position:relative;
width:100%;
height:100px;
font-family:Arial;
font-size:14px;
color:#ffffff;
background-color:red;
}
这是更新后的 fiddle:
我想将 slideUp 与 jquery 一起使用,为了关闭 div 我使用 slideUp ,但关闭 div 发生在一秒钟内,并没有真正显示出这种效果
我的脚本是这样的:
jQuery("#web_header_info_show_close").click(function() {
jQuery("#web_header_info_show").slideUp(2000);
});
这种情况我尝试一直修改但总是得到相同的结果,如果我更改函数内的时间并放置更多时间,效果将继续不显示并在一秒钟内关闭 div ,我不知道是不是因为使用了点击功能,但我认为这一定不是问题,因为 slideUp
感谢您的帮助,此致
更新信息:
您可以在此处查看演示: https://jsfiddle.net/gzdjdz25/
问题出在 min-height:100px;
上,请改用 height:100px;
。
#web_header_info_show{
position:relative;
width:100%;
height:100px;
font-family:Arial;
font-size:14px;
color:#ffffff;
background-color:red;
}
这是更新后的 fiddle: