Bug Tracker

#4493 closed bug (invalid)

Opened April 05, 2009 04:48AM UTC

Closed October 27, 2010 02:10AM UTC

Last modified March 22, 2011 07:04PM UTC

hide( ) method with nested elements (IE7)

Reported by: Mark Gajdosik Owned by:
Priority: minor Milestone: 1.4
Component: effects Version: 1.3.2
Keywords: hide nested IE7 Cc:
Blocked by: Blocking:
Description

Works well in almost everything except for IE7 (and possibly < 7).

#!text/html
<ul id="list" style="display: none;">
  <li>
    <ul id="sublist1" style="display: none;"></ul>
    <ul id="sublist2" style="display: none;"></ul>
  </li>
</ul>

Now following these steps:

1) $('ul#list, ul#list ul').show() displays whole list with all sublists and possible list items.

2) $('ul#list, ul#list ul').hide() hides everything as expected.

3) $('ul#list').show() displays only top list in FF, Opera, Chrome. In IE7, it displays top list with empty sublists (width and height are kept though).

It appears that hide() hides elements only if they're visible. Since hide() (probably) traverses jQuery object from top elements down to the bottom, it does not hide nested elements because top element is hidden first and nested ones are hidden automatically with it.

I'm not really sure, if this is something related to IE7 or a jQuery bug. Anyway, workaround was to hide elements from the bottom up recursively.

Attachments (0)
Change History (3)

Changed April 11, 2009 03:30PM UTC by dmethvin comment:1

It may be that IE is being picky about the HTML. UL elements are always supposed to have at least one LI child.

Changed October 27, 2010 02:10AM UTC by addyosmani comment:2

keywords: hide → hide nested IE7
resolution: → invalid
status: new → closed

This bug is due to incorrectly formatted HTML. Were you to include, as dmethvin correctly suggested LI element(s) inside the ULs you would find that your code should be working. jQuery only supports correctly formatted HTML.

Changed March 22, 2011 07:04PM UTC by anonymous comment:3

This is a valid point and has nothing to do with ULs not having LI. This happens if ULs are correctly formatted. Mark experience is exactly what I am facing and the only solution I found is to recursively hide ULs.

Any other suggestions would be helpful.