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)
Change History (6)
Changed August 05, 2010 09:03AM UTC by comment:1
Changed October 27, 2010 06:12PM UTC by comment:2
| milestone: | 1.4 → 1.5 |
|---|---|
| priority: | minor → low |
| status: | new → open |
I can reproduce this in 1.4.3 and git. Marking as valid/open.
Changed February 15, 2011 05:30PM UTC by comment:3
I just ran into this issue as well. It remains open.
Changed April 17, 2011 07:36PM UTC by comment:4
| milestone: | → 1.next |
|---|---|
| resolution: | → fixed |
| status: | open → closed |
Having evaluated the test case again, it seems this has been fixed.
Changed June 06, 2012 02:14AM UTC by 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 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.
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!