Questions tagged [slidedown]

An effect of showing element with a sliding motion.

Usually refers to jQuery/JavaScript animated revealing of element with a sliding motion.

slideDown() in jQuery docs.

Some examples are:

 $('#element').slideDown('slow', function() {
   // Animation complete.
 });
609 questions
221
votes
21 answers

How to Use slideDown (or show) function on a table row?

I'm trying to add a row to a table and have that row slide into view, however the slidedown function seems to be adding a display:block style to the table row which messes up the layout. Any ideas how to work around this? Here's the…
Greg
  • 45,306
  • 89
  • 231
  • 297
61
votes
6 answers

Slidedown and slideup layout with animation

how can I display a layout in the center with slideUp when I press the button, and press again to hide ... slideDown in ANDROID help me with that, thnkss
EliasM
  • 737
  • 1
  • 6
  • 14
33
votes
2 answers

If mouse over for over 2 seconds then show else don't?

Here is a jQuery slide function I have applied to a div on hover in order to slide a button down. It works fine except that now everytime someone moves in and out of it, it keeps bobbing up and down. I figured if I put a one or two second delay…
user1266515
  • 796
  • 3
  • 15
  • 33
32
votes
6 answers

Slide down effect on ExpandableListView

Is it possible to have a nice slide up/down effect when expanding/collapsing an item of a ExpandableListView? If yes, how? Thanks in advance.
thomaus
  • 6,170
  • 8
  • 45
  • 63
27
votes
3 answers

Append and Slide together jQuery

I have this append method which I made to add more input boxes until there is 10 of them which will disable into making more. i = 0; $('#add-link').click(function() { if(i < 9) { $('.insert-links').append('
20
votes
7 answers

Cancel all queued jQuery slideUp and slideDown animations

I have an interface that makes heavy use of the jQuery slideUp and slideDown effect to expand items in a tri-state kind of way. onmouseover: function() { this.find('.details', this).slideDown(); }, onmouseout: function() { …
Candidasa
  • 8,580
  • 10
  • 30
  • 31
17
votes
1 answer

Using jQuery's slideDown with display: inline-block

How can I use jQuery's slideDown with display: inline-block, as opposed to the default display: block; Some of the content inside the div I'm using requires it to be so, and the design partly breaks unless I fix it. However, fixing it after the…
user825286
17
votes
2 answers

JQUERY Prepending an LI to an UL with Animation

I have a UL and I'm working to dynamically add a new LI to the top of the UL with some animation. I have the following so far which works ok: $("#container").prepend('
  • Im new…
  • AnApprentice
    • 108,152
    • 195
    • 629
    • 1,012
    16
    votes
    8 answers

    jQuery slideDown Snap Back Issue

    I have the same problem that I am reading about all over the web, although I can't find the solution. Simply put, when using the slideDown() method on my DIV elements, I get that ugly snap back effect where jQuery slides the DIV size down too far…
    Cheyne
    • 1,964
    • 4
    • 27
    • 43
    14
    votes
    2 answers

    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 one of the submenu items. I've made a…
    heathwaller
    • 473
    • 3
    • 8
    • 20
    13
    votes
    5 answers

    jquery slideUp/slideDown functions not animating

    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…
    TH1981
    • 3,105
    • 7
    • 42
    • 78
    13
    votes
    3 answers

    Fixing vertical jump at end of jQuery slideDown animation

    I am new to Jquery but have written a simple vertical accordion. It seems to to the job I require, but at the end of the slide down there is a visible jerk. If anyone could look at it and suggest a solution, it will stop me pulling any more of my…
    Ian
    • 133
    • 1
    • 5
    12
    votes
    5 answers

    jQuery slideDown with easing

    How can use the slideDown() function with easing? Maybe extend it somehow? I'm looking for something like this: jQuery.fn.slideDown = function(speed, easing, callback) { return ... }; So i can use it slide…
    Sindre Sorhus
    • 62,972
    • 39
    • 168
    • 232
    11
    votes
    3 answers

    jQuery slideDown is not smooth

    I have this little jQuery slideDown effect http://jsfiddle.net/Gg4eP/2/ But the animation isn't smooth? What I am doing wrong? Thanks for your time.
    user13746
    • 840
    • 4
    • 8
    • 22
    10
    votes
    6 answers

    jQuery slideDown with set height and overflow

    I have the following HTML code
    bla bla bla bla
    Show
    And the CSS .text{ height:100px; overflow:hidden; } Assume .text div has way more text and what I do is hide the amount of text below…
    stergosz
    • 5,754
    • 13
    • 62
    • 133
    1
    2 3
    40 41