Question

48

Change the jquery show()/hide() animation?

rated 0 times [ 49] [ 1] / answers: 1 / hits: 118390 / 15 Years ago, tue, september 15, 2009, 12:00:00

By default if you specify a speed jquery adds a weird looking animation where it expands from the left end corner. I want it to just slide down. Is there a way to do that without importing something else like jquery UI ?

I'm looking something in the lines of :

$(test).show('slow', {animation:'slide'})

If there's no way, then what would be the lightest solution to do this?

Thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

aidan

Add To Favorites

Follow

Total Points: 72

Total Questions: 95

Total Answers: 121

Location: Uzbekistan

Member since Sat, Feb 27, 2021

3 Years ago

aidan questions

1 Solana - How to get the balance from my Phantom wallet?

Mon, Oct 11, 21, 00:00, 3 Years ago

1 ChartJS show value in legend (Chart.js V3.5)

Wed, Sep 29, 21, 00:00, 3 Years ago

1 Unable to access modal-dialogue in cypress

Sun, Sep 5, 21, 00:00, 3 Years ago

1 Include an external css file in vuejs

Thu, Jan 16, 20, 00:00, 4 Years ago

1 How to update the state immediately in React functional component?

Tue, Jan 7, 20, 00:00, 4 Years ago

View All

answered 15 Years ago sageallenv · Accepted Answer

There are the slideDown, slideUp, and slideToggle functions native to jquery 1.3+, and they work quite nicely...

https://api.jquery.com/category/effects/

You can use slideDown just like this:

$(test).slideDown(slow);

And if you want to combine effects and really go nuts I'd take a look at the animate function which allows you to specify a number of CSS properties to shape tween or morph into. Pretty fancy stuff, that.