slideToggle().css('display') always return 'block'

[bato3]

my log from FireBug:

$('#hc_c6').slideToggle().css('display');

"block"

$('#hc_c6').slideToggle().css('display');

"block"

$('#hc_c6').slideToggle().css('display');

"block"

Now #hc_c6 is visible:

$('#hc_c6').slideUp().css('display');

"block"

$('#hc_c6').slideUp().css('display');

"none"

As you see in example, 2-nd slideUp() call return correct value...

[dantman]

How do you expect this to behave?

slideUp is an animation, a call to .css directly after starting an animation will always be unreliable like that. When you call the animation jQuery starts of by preparing the element to be animated, this includes turning the display of the element on, and setting an overflow and other css which make it possible to animate the element cleanly.

The only reason your second .slideUp returns none instead of display is because the element is already closed and no animation is being done.

[dmethvin]

I agree with dantman, .css has to change the property to start the animation.

[Danny]

issue persist with jQuery 1.5