Modifying JQuery Code CSS Selected

Question

I am currently using this code:

<script type="text/javascript">
    $(document).ready(function() {

        jQuery("#navmain li").click(function(){
            jQuery(this).toggleClass("selected");
        });

    });
</script>

It works fine BUT it's not working for class .first ... so when I select any other list item it's working but on the first list item I've assigned a class called .first I need so selected to work on that too.

I need to modify the above so that it also works with:

#navmain li.first

UPDATE:

This is the code I need to modify:

Home

I need to catch the SELECTED and add some style to it.

Are you sure this is the source of your problem? Your current code should work with the li.first as well. — Py.
– Py., Commented Sep 13, 2011 at 8:02
what is your css for the selected class? I suspect that the styles which you have for .first are overriding the .selected so you will need to update the css. — Tim B James
– Tim B James, Commented Sep 13, 2011 at 8:03
Just wondering, why are you using jQuery instead of $ inside the document ready but using $ outside? — Richard Dalton
– Richard Dalton, Commented Sep 13, 2011 at 8:06
I got this to work fine. Having extra classes on any of the li elements shouldn't make any difference, unless the 'first' style and the 'selected' style clash. — samjudson
– samjudson, Commented Sep 13, 2011 at 8:07
If the first class isn't really needed, you can consider removing it and using $("li:first") selector for it — AlexBay
– AlexBay, Commented Sep 13, 2011 at 8:07

321X · Accepted Answer · 2011-09-13 08:08:46Z

1

See this live example.

It works fine for me: http://jsfiddle.net/nQdcR/

answered Sep 13, 2011 at 8:08

321X

3,2003 gold badges33 silver badges44 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Erik Márföldi · Accepted Answer · 2011-09-13 08:16:00Z

0

I think it's must works. My example: http://jsfiddle.net/f5JPy/2/

answered Sep 13, 2011 at 8:16

Erik Márföldi

2061 gold badge2 silver badges10 bronze badges

Collectives™ on Stack Overflow

Modifying JQuery Code CSS Selected

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related