Javascript 当一个元素

我试图为带有滑动jquery面板的网页制作一个导航栏。我想在按钮下出现一个小三角形，当它被点击时，对应于上一页的按钮下的箭头消失

我的HTML是：

<div id="navbar">
    <div id="navbar_div">
        <div class="navbar_container">
            <ul id="nav" class="sf-menu">
                <li class="bttn1 clicked" class="bttn1"><a href="#item1" class="panel" onclick="bttn1click ()">Home<span class="subheading">Welcome to our page!</span></a></li>
                <li class="bttn2 notclicked"><a href="#item2" class="panel" onclick="bttn2click ()">About Us<span class="subheading">About the website and what it does</span></a></li>
            </ul>
        </div>
    </div>
</div>

我的脚本位于按钮2页面的页首，单击为：

function bttn2click () {
    $("li.clicked").removeclass("clicked");
    $("li.bttn2").addclass('clicked');
    $("li.bttn2").removeclass("notclicked");
}

---

我不知道我该做什么。当我点击按钮时，什么都没有发生（除了链接），我的目标是更改类以匹配点击的css类，但它似乎不起作用

和区分大小写。jQuery没有

addclass

或

removeclass

函数。

使用jQuery事件处理程序

<li class="bttn1 clicked" class="bttn1"><a href="#item1" class="panel">Home<span class="subheading">Welcome to our page!</span></a></li>

为什么您的操作不起作用，因为

bttn2click

不知道单击了哪个

li

（以及方法名称的问题）

演示：

<li class="bttn1 clicked" class="bttn1"><a href="#item1" class="panel">Home<span class="subheading">Welcome to our page!</span></a></li>

jQuery(function () {
    $('#nav li').click(function () {
        $("#nav li.clicked").removeClass("clicked");
        $(this).addClass('clicked').removeClass("notclicked");
    })
})