I am attempting to show and hide a series of divs using toggle, slideUp and slideDown. I am able to get the div to slideDown but I can\'t get it to slideUp. I\'ve used this
I posted this advice as a comment, and it helped to fix the problem so I am posting it again here:
When slideUp/slideDown animations only work one way, it is often a positioning bug. Either the element you are animating needs to be set to position:relative
or the children of the element have a float
applied to them and are not giving the parent element true height.
I would try adding float:none
to the table. If that doesn't work try adding position:relative
to the div#HiddenVehicles
.
For those without float/positioning problems, I found that upgrading from jQuery 1.10 to 1.11 solved the problem.