Cristian Cristian - 1 month ago 8
Javascript Question

Jquery SlideUp , close but don't show effect

I want use slideUp with jquery , for close div i use slideUp , but close div happend in one second and don´t show really this effect

My script it´s this :

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

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

});


The case i try modificate all time the time but always get the same , and if i change the time inside function and put more time , the effect continue don´t show and close in one second the div , i don´t know if it´s because use click function , but i think don´t must be a problem for works well slideUp

Thank´s for the help , Regards

UPDATE INFOR :

YOU CAN SEE DEMO HERE : https://jsfiddle.net/gzdjdz25/

Answer

The issue is with min-height:100px; use height:100px; instead.

#web_header_info_show{
position:relative;
width:100%; 
height:100px;
font-family:Arial;
font-size:14px;
color:#ffffff;
background-color:red;
}

Here's the updated fiddle:

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