jquery slideUp/slideDown functions not animating

jquery slidedown slideup
TH1981 picture TH1981 · Aug 2, 2011 · Viewed 17.2k times · Source

I'm having trouble with .slideup() and .slideDown()

have a look at the following JSFiddle: http://jsfiddle.net/7se2r/4/

Although the row is appearing and disappearing, I'm not seeing the animation of sliding up or down. any clue as to what I'm doing wrong?

Answer

11101101b picture 11101101b · Aug 2, 2011

With "tbody" you can use .show("slow") and .hide("slow"), but you can't do the sliding animation.

Sliding will work if you try it on a "div" for example.

Related questions

jQuery - Read More / Read Less. How to replace text?

HTML: <a href="#" class="show_hide" data-content="toggle-text">Read More</a> jQuery: // Slide Up Slide Down $('.show_hide').toggle(function(){ $(this).text().replace("Read More", "Read Less"); $('.' + $(this).attr('data-content')).slideDown(); },function(){ $(this).…

Read More
Jquery mouse over div slideUp and mouse out div slideDown

Here is my code http://jsfiddle.net/AB6J3/7/ you can see, edit, etc. When I roll over to red border box, the orange box should slide up and at mouse out it should slide down. it works well for …

Read More
JQuery dropdown menu using slideup and slidedown on hover is jumpy

I've made a very simple dropdown menu using jQuery slideup and slidedown for the functions - but it gets very jumpy (I'm using Firefox 3.6.8) if the mouse is moved to quickly over it, or if the mouse is held on …

Read More