On 9/11/07, Gareth Hughes <[EMAIL PROTECTED]> wrote:
>
>
> I think it's close. If I remove the trailing </li>'s then the sub list
> displays so I guess 'next' is not correct in this instance?
Before we go any further, let's make sure you have a valid DOM. I think
rather than remove the trailing </li>'s, you want to move them after the
</ul>. Remember, a UL can only directly contain LIs, not ULs, so you need
<!-- valid: UL > LI > UL -->
<ul>
<li>
<a> ... </a>
<ul> ... </ul>
</li>
</ul>
where now you have
<!-- not valid: UL > UL -->
<ul>
<li>
<a> ... </a>
</li>
<ul> ... </ul>
</ul>
An html validator (such as http://validator.w3.org/) will help ensure you're
programming against a valid DOM. If it isn't valid, some things may work,
but you can't have a reasonable expectation of things working the same in
different browsers. See related threads:
http://groups.google.com/group/jquery-en/browse_thread/thread/e8790c05fdfd754e
http://groups.google.com/group/jquery-en/browse_thread/thread/50fa1b33346c54d4
- Richard
