Stack Overflow
Stack Overflow

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
10
votes
1 answer

jQuery: slideUp() delay() then slideDown; not working

I'm trying to implement a very simple footer notification element to slide up for a moment, then slide back down. I'm using: $('button').click( function () { $('#message-box').slideUp('slow').delay(1500).slideDown('slow'); }); However, when you…
Ryan
  • 21,437
  • 7
  • 25
  • 28
10
votes
6 answers

Footer slides up with .slideUp but then slides down

I've got the jQuery .slideUp and .slideDown function below, and when reaching the #showfootershop div at the bottom of the browser window, the #footershop div slides up and then immediately slidesdown. How can I get the #footershop to remain "up"…
markratledge
  • 17,322
  • 12
  • 60
  • 106
9
votes
3 answers

Are jQuery's hide and slideUp methods equivalent?

Do slideUp('slow') and hide('slow') result in the same animation effects? Example Code: $(document).ready(function(){ $("#hide").click(function(){ $("p").hide('slow'); }); $("#show").click(function(){ $("p").show('slow'); …
Ben
  • 25,389
  • 34
  • 109
  • 165
9
votes
4 answers

How to implement jquery like slideDown() in zepto

I am using zepto library for my mobile web site. I have recently learnt that zepto does not have slideDown() plugin like jquery. I would like to implement the same for zepto. I have tried one on jsfiddle (http://jsfiddle.net/goje87/keHMp/1/). Here…
Goje87
  • 2,839
  • 7
  • 28
  • 48
7
votes
5 answers

jQuery slideDown in IE9 - content disappears after animation finishes

I've had this problem twice on two different sites. It works in all browsers other than IE9. I have a div being opened and closed using jquery slideup and slideDown (the same problem happens with slideToggle). I'm able to see the content of the div…
Yisroel
  • 8,164
  • 4
  • 26
  • 26
7
votes
3 answers

How to jQuery slidedown once page has already been loaded

I am having a timing issue when attempting to slide down my more info div. My desired functionality is that the div slidesdown from the top once the page has already been rendered. My problem is if I use $(document).ready().. the animation does…
bulltorious
  • 7,769
  • 4
  • 49
  • 78
7
votes
8 answers

Slide down div on click Pure CSS?

I found this post How to create sliding DIV on click? But all the answers are Jquery methods. Is there any way to create this with PURE CSS? I have a couple other things in mind as well... What can I add to make the slide down div stay put when…
KXXT
  • 251
  • 2
  • 4
  • 20
6
votes
4 answers

jQuery: FadeIn/To and SlideDown new element

Here is the one line of code I use to push a new row to my container: this.$el.append(new ItemView(item).render().el); Where item is a Backbone.js model, render() creates and/or modifies the object and el is the html element. (The object is never…
Nahydrin
  • 13,197
  • 12
  • 59
  • 101
6
votes
3 answers

Android layout_width & layout_height, how it works?

I am trying to create an interface, where two or more buttons will be displayed to the user, if a button is clicked, some Layouts will be displayed to him. I am using the SlidingDrawer for this purpose. Well, i am confused by layout_width &…
Yaqub Ahmad
  • 27,569
  • 23
  • 102
  • 149
6
votes
4 answers

How can I achieve a slide down effect like jQuery's slideDown, but only using CSS?

There is a problem with CSS3 animations. They do not support the "auto" height property (and width, margins, etc.). What is the best way to create a CSS3 slide down animation without knowing the element's exact height? The question is similar to…
Ron Reiter
  • 3,852
  • 3
  • 30
  • 34
6
votes
4 answers

Problem with jerky animation in jQuery

Ive done this a number of times with no problem but for some reason it is a problem on Here. The slide down will begin to work (1/3) normally and than all of a suddenly jerk and finish the animation. slideing up works fine. this is the case for…
user654994
  • 133
  • 2
  • 6
6
votes
6 answers

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

HTML: Read More jQuery: // Slide Up Slide Down $('.show_hide').toggle(function(){ $(this).text().replace("Read More", "Read Less"); $('.' +…
William
  • 421
  • 3
  • 6
  • 17
6
votes
1 answer

Issue with Sliding Drawer and Animations

I am working on a project where I should not use any XML file and sliding Drawer is must. But I found that Sliding Drawer is not possible through java coding, For this reason I started working on animations where a layout should move Up and Down…
Hummer
  • 811
  • 1
  • 6
  • 14
6
votes
3 answers

jQuery slideDown() animation not working

I'm trying to get jQuery's slideDown() animation to work, but in my case the text that should slide down, just appears .. How do I make it appear with the animation in place too ? I tried manually specifying the speed too, but end result was the…
Ahmad
  • 12,886
  • 30
  • 93
  • 146
6
votes
3 answers

JQuery slideDown animation lag

My JQuery slide animation lags when sliding the #res div. Any suggestions? JQuery: $(document).ready(function(){ $('select.first').change(function(){ $(this).prop('disabled', true); var codata = $(this).val(); var page = 1; …
John
  • 1,619
  • 8
  • 24
  • 34
1
2
3
…
40 41