Skip to main content

Bug Tracker

Side navigation

#4681 closed bug (fixed)

Opened May 21, 2009 04:01AM UTC

Closed April 17, 2011 07:36PM UTC

Last modified September 13, 2013 08:29PM UTC

Hide/Toggle functions fail inside a hidden element

Reported by: vertigo Owned by:
Priority: low Milestone: 1.next
Component: effects Version: 1.3.2
Keywords: fade hide effects Cc:
Blocked by: Blocking:
Description

Trying to use .fadeOut() on an img, which is inside a container div. When the container div is hidden, calling .fadeOut() on the img fails to hide it. Also happens with .toggle()

To test: extract example, load in browser. Click "Toggle Div" (div will hide). Click "Toggle Img". Click "Toggle Div" again (div will show). The img will still show, when it should be hidden.

Attachments (1)
  • hidetest.rar (21.1 KB) - added by vertigo May 21, 2009 04:01AM UTC.
Change History (6)

Changed August 05, 2010 09:03AM UTC by dobiatowski comment:1

I agree with vertigo, problem is still open.

in the link I posted code for testing, which show that .toggle() doesn't work for objects inside hidden parents.

http://jsfiddle.net/kXctQ/

I hope you will fix it soon.

Dobiatowski!

Changed October 27, 2010 06:12PM UTC by SlexAxton comment:2

milestone: 1.41.5
priority: minorlow
status: newopen

I can reproduce this in 1.4.3 and git. Marking as valid/open.

Changed February 15, 2011 05:30PM UTC by anonymous comment:3

I just ran into this issue as well. It remains open.

Changed April 17, 2011 07:36PM UTC by timmywil comment:4

milestone: → 1.next
resolution: → fixed
status: openclosed

Having evaluated the test case again, it seems this has been fixed.

Changed June 06, 2012 02:14AM UTC by anonymous comment:5

Using the jquery 1.7.2 this bug still appears to be a problem with the toggle() function.

Changed September 13, 2013 08:29PM UTC by paulmz comment:6

I'm pretty sure I'm having the same problem. I can't get any children DIVs to show when the parent is initially hidden and changed to show using .toggle, .toggleClass, etc. I have tried initially hiding the parent DIV inline, in the CSS and in the jquery script. In all cases, the parent toggles correctly but the children DIVs will not show. The only way it functions properly is if the parent DIV is NOT hidden to start- then the toggle works to hide and show the parent and children DIVs.

In doing research, I found reference that jquery applies "display:none" to nested DIVs under a hidden parent DIV, but doesn't reverse it when the parent is toggled in any way. Please correct me if I'm wrong, but this certainly does sound like a jquery bug.