Jquery SlideUp,关闭但不显示效果

时间:2016-10-31 15:15:18

标签: javascript jquery slideup

我想用jquery使用 slideUp ,对于close div我使用 slideUp ,但是关闭div会在一秒内发生并且不会显示真正的效果

我的脚本是这样的:

jQuery("#web_header_info_show_close").click(function() {

jQuery("#web_header_info_show").slideUp(2000);

});

我一直尝试modificate的情况,但总是得到相同的,如果我改变内部功能的时间,并把更多的时间,效果继续不显示,并在一秒钟内关闭div,我不知道这是因为使用点击功能,但我认为不一定是一个问题,因为工作正常slideUp

感谢您的帮助,问候

更新讯息:

你可以在这里看到演示: https://jsfiddle.net/gzdjdz25/

1 个答案:

答案 0 :(得分:1)

问题在于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;
}

这是更新的小提琴:

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