Bug Tracker

Opened 4 years ago

Closed 4 years ago

Last modified 3 years ago

#11821 closed bug (worksforme)

slideUp doesn't work in display:none parent

Reported by: javiergarmon@… Owned by:
Priority: low Milestone: None
Component: effects Version: 1.7.2
Keywords: Cc:
Blocked by: Blocking:


If you want to apply a slideUp effect to an element, the parent can't be hidden. I suppose that this is a bug, cause slideDown() works in this circumstances.

Tested in Firefox 12 and Chrome 19

It's very simple to simulate:

<div id="parent" class="display:none"> <p>Hello world</p> </div>



setTimeout(function(){ $('#parent').show(); },1000);


Change History (3)

comment:1 Changed 4 years ago by sindresorhus

  • Component changed from unfiled to effects
  • Priority changed from undecided to low
  • Resolution set to worksforme
  • Status changed from new to closed

Works as intended. You slideUp the <p> and then try to show the parent, which will obviously show nothing since the <p> is still hidden. You can do $('#parent, p').show(); to make both visible.

Oh, and you also got the HTML wrong, class="display:none" is invalid.

The next time please submit the bug with a JSfiddle testcase like instructed in the red box.

Last edited 4 years ago by sindresorhus (previous) (diff)

comment:2 Changed 3 years ago by toff@…

I can't confirm that this works and have set up a jsFiddle test case as suggested: http://jsfiddle.net/zhrgK/

The following works:

  1. Slide up p
  2. Slide up container
  3. Slide down p
  4. Slide down container

=> p are visible

The following does NOT work (Safari 5.1.7 on Mac):

  1. Slide up container
  2. Slide up p
  3. Slide down container

=> p is still visible though it was slider up when the container was up, too.

So in my opinion this is still an open bug.

comment:3 Changed 3 years ago by rwaldron

#11886 is a duplicate of this ticket.

Note: See TracTickets for help on using tickets.