CODEWITHSUNDEEP
jquerycss
Arunsai195
Arunsai195

Reputation: 3

Why does jQuery's animate method not support the CSS "display" property, or other CSS properties?

 <div id="content">
 <div id="ev1" class="evnt_imgs"><img src="images/e1.jpg" /> </div>
 <div id="ev11" class="evnt_desc">this text is purely related to event</div></div>

$('#ev11').animate({height:'auto',width:'100%',borderRadius:'20px',display:'block'},600);
    ev11.style.margin="auto";
    ev11.style.background="#333";
    ev11.style.display="block";
}

For more clarity over the question posted check the url http://bhaswara2k13.com/events.php

Upvotes: 0

Views: 115

Answers (1)

ced-b
ced-b

Reputation: 4065

To animate fading in and out and display there is a special method in jQuery. Probably because the display property itself can only have a certain set of values, which are not numeric.

Here is what to do:

$('#myItem').show(2000);

And to hide it:

$('#myItem').hide(2000);

Upvotes: 1

Related Questions