Anyone?
Thanks
osu
On Sep 24, 9:26 pm, osu <onesiz...@googlemail.com> wrote:
> Ok, I have another question that's related to the first.
>
> I need to highlight *only* the top-parent item (the same one I just
> ran 'return false;' on) with the class 'nav-selected'.
>
> This is the code that's being generated by the CMS I'm working with
> when I click on Link 3a:
>
> <ul>
> <li class="nav-path-selected"><a href="#">Link 1</a></li>
> <li><a href="#">Link 2</a></li>
> <li class="nav-path-selected"><a href="#">Link 3</a>
> <ul>
> <li><a href="#" class="nav-selected">Link 3a</a></li>
> <li><a href="#">Link 3b</a></li>
> <li><a href="#">Link 3c</a></li>
> </ul>
> </li>
> <li><a href="#">Link 4</a></li>
> </ul>
>
> I've got this:
>
> if($("#nav li:first").hasClass("nav-path-selected").siblings("a"))
> // Add nav-selected class to parent li with children
> $(".nav-path-selected").addClass("nav-selected");
>
> };
>
> But it's not working for me. I'm *only* trying to affect the parent
> <li> of the list that has a child <a> active in it.
>
> Do you know how I can do that? Thanks for all your help so far, really
> is appreciated.
>
> osu
>
> On Sep 24, 8:18 pm, osu <onesiz...@googlemail.com> wrote:
>
> > That's perfect, thanks for that - the second example works a treat.
>
> > osu
>
> > On Sep 24, 7:10 pm, Andi23 <dowhatyouw...@gmail.com> wrote:
>
> > > In that case, you can just remove the href attribute of the link(s):
> > > $("li ul").siblings("a").removeAttr("href");
>
> > > or, if you want to leave in the href attribute for future use?, you
> > > can do this:
> > > $("li ul").siblings("a").click(function(){
> > > return false;
>
> > > });
>
> > > good luck-
