Executing one jquery statement after css change is complete

Question

I would like to have jquery execute certain statements only AFTER it has completed applying my css change. However, despite trying to search for the answer... I have been unable to so far. Any pointers, would be appreciated.

$('#elements').css( 'visibility', 'hidden'); 
$('#another_element').slideDown(); // should only be executed after the above is completely done

That's what I expected. However, both statements appear to begin executing at the same time. I would like to ensure that the second statement does not execute at all, until the first is completed... even if it takes some time. — Grateful
– Grateful, Commented Jan 20, 2015 at 8:45
$('#elements').css( 'visibility', 'hidden'); would be instant un-less you have some css transition/animation — atmd
– atmd, Commented Jan 20, 2015 at 8:46
@Grateful Other solution is to add a timer which checks for the css and then execute the subsequent command. Here is the answer stackoverflow.com/a/24484924/2000051 — K K
– K K, Commented Jan 20, 2015 at 8:53
Can you add the code to a fiddle? jquery's .css has no call back and should be doing what you want. — atmd
– atmd, Commented Jan 20, 2015 at 8:57

Grateful · Accepted Answer · 2015-01-20 09:15:28Z

0

Okay. So the answer is that since there is no callback for the css function, it's not possible.

answered Jan 20, 2015 at 9:15

Grateful

10.4k10 gold badges59 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Executing one jquery statement after css change is complete

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related