You cannot have more than one id="collapse" on the document at one
time. IDs are suppose to be unique.
You can use a CLASS instead. Change your HTML to:
<ul class="searchResultsList collapse">
and your selector to:
$("ul.collapse").hide();
On Aug 28, 8:11 am, "nick.rathert" <nick.rath...@gmail.com> wrote:
> hi all,
>
> i'm having an interesting IE6 and IE7 issue that may just be par for
> the course. i'm curious if anyone else has run into this problem.
>
> here's the URL:http://jsbin.com/afede
>
> long story short, i have a bunch of nested lists with IDs in certain
> ULs, like <ul id="collapse">. i'm trying to use jQuery .hide() to
> hide all the ULs with that specific ID. everything works as expected
> in firefox, safari, chrome, IE8, etc. but IE6 and IE7 seem to only
> notice the first UL in the DOM tree. so IE6/7 hides that first UL,
> then stops.
>
> anyone have any advice?
>
> thanks,
> nick
