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:

https://jsfiddle.net/gzdjdz25/1/