The first thing you should do is use valid html - the doctype you are using
does not allow a UL to be in a DL, and this could cause unforeseen problems
in any browser. That it works (ish) in some browsers could be considered
fortuitous rather than by design.
Once you've got your page to validate you might run into a few problems with
your script.
$("ul#submenu").hide();
$("dt a").click(function() {
$("ul#submenu:visible").slideUp("slow");
$(this).parent().next().slideDown("slow");
return false;
});
- not a problem as such but ... in a completely valid XHTML page, #submenu
has to be unique so you don't need to specify 'ul#submenu' as the selector,
just '#submenu'
- having said that, using ids on your submenus is going to mean having to
specify each unique submenu id ready for your slipeUp() function when you
get to the point of adding further submenus. Use a class instead, or change
your selector to better target whatever structure you end up with once your
page validates.
- the 'dt a' selector for your click() function will select EVERY anchor
within a DT element, including those currently within LI elements in your
submenu. Clicking any submenu option will result in trying to slideDown()
the next LI in that submenu - not (presumably) what you intend to happen?
- you are probably going to need to be able to cope with clicking a main
option to just close its already open submenu - currently, if you open the
submenu, then re-click the main option, it collapses then re-open the same
submenu.
popkes01 wrote:
>
> I'm trying to achieve the accordian effect on the purple sidebar. There's
> only one link that should open up a "sub menu". It works fine in Mac's
> Safari and Firefox, and on a PC Firefox. Haven't checked it in IE7. It
> doesn't work in IE6. Can anyone help me out on how to make this work for
> IE6? Thanks.
>
> This the link to view the page:
> http://sdacreative.com/acp/index.php
> http://sdacreative.com/acp/index.php
>
>
> View Source to see the behind the scenes! Thanks a bunch.
>
>
> popkes
>
--
View this message in context:
http://www.nabble.com/IE6-issues-tf4531733s15494.html#a12937120
Sent from the JQuery mailing list archive at Nabble.com.
