# Menu is not working

**URL:** <https://forum.freecodecamp.org/t/menu-is-not-working/36187>\
**Category:** General\
**Created:** [September 12, 2016, 4:36pm UTC](https://forum.freecodecamp.org/t/menu-is-not-working/36187 "2016-09-12T16:36:22Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![luisw22](https://avatars.discourse-cdn.com/v4/letter/l/edb3f5/32.png) [@luisw22](https://forum.freecodecamp.org/u/luisw22)\
**Post date:** [September 12, 2016, 4:36pm UTC](https://forum.freecodecamp.org/t/menu-is-not-working/36187/1 "2016-09-12T16:36:23Z")

</div>

```auto
<div id="stuck_container" class="stuck_container">
          <div class="container">
            <nav class="nav">
              <ul class="sf-menu">
                <li class="active"><a href="./">Home</a></li>
                <li><a href="AboutUs.php">About Us</a></li>
                <li><a href="Services.php">Services</a></li>
                <li><a href="Clients.php">Clients</a></li>
                <li><a href="Contacts.php">Contacts</a></li>
                <li><a href="WorkwithUs.php">Work with Us</a></li>
              </ul>
            </nav>
          </div>
        </div>

        <script>
          var selector = 'nav li';

          $(selector).on('click',function(){
$(selector).removeClass('active');
$(this.selector).addclass('active');
          })
        </script>

```

i use this code to a menu the problen is that when i click it the li that have the url that i click have too be selected by some css but it keep only mark the home li no meater were is it

---

<div class="post-metadata">

**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\
**Post date:** [September 14, 2016, 8:00am UTC](https://forum.freecodecamp.org/t/menu-is-not-working/36187/2 "2016-09-14T08:00:45Z")

</div>

You have to format HTML code that you post here. Somehow the forum’s editor uses HTML tags to format content.

> **[Forum Code Formatting](https://forum.freecodecamp.org/t/forum-code-formatting/25574)**
>
> This post is modeled on http://forum.freecodecamp.com/t/markdown-code-formatting/18391, but modified for the slight differences between the Forum and Gitter. If you are interested in using Spoiler blocks, check this post: Spoilers. You can post code...

But I guess the culprit is this line:

```javascript
$(this.selector).addclass('active');

```

I think you meant

```javascript
$(this).addClass('active');
// ....... ^ look here; uppercase C

```

---

<div class="post-metadata">

**Author:** ![JacksonBates](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jacksonbates/32/123402_2.png) [@JacksonBates](https://forum.freecodecamp.org/u/JacksonBates)\
**Post date:** [September 14, 2016, 8:02am UTC](https://forum.freecodecamp.org/t/menu-is-not-working/36187/3 "2016-09-14T08:02:49Z")

</div>

Thanks, Kev - I edited the block to make it readable 🙂

---

<div class="post-metadata">

**Author:** ![jwilkins.oboe](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jwilkins.oboe/32/179497_2.png) [@jwilkins.oboe](https://forum.freecodecamp.org/u/jwilkins.oboe)\
**Post date:** [January 16, 2021, 5:29am UTC](https://forum.freecodecamp.org/t/menu-is-not-working/36187/4 "2021-01-16T05:29:41Z")

</div>

Closed on January 16, 2021, 5:29am UTC