jQuery手风琴为当前Href及其父Href添加类

Question

在手风琴菜单中单击href时，我在向两个元素添加类时遇到问题。删除“当前”类的实例，将“当前”类添加到单击的子菜单项及其父项。我已经让手风琴工作，只要我点击父菜单项，子菜单就会出现。在本例中，我的意思是我单击“第二个”并显示“项目2.1”和“项目2.1”。单击“第三个”和“第二个”，其子项将隐藏，而第三个及其子项将显示。我想做的是，单击一个子元素后，将“当前”添加到该子href元素及其父href（例如，单击href ID“two-one”并将“当前”类添加到该元素及其“nav subtitle”ID），然后从当前href中删除“当前”类。

这是HTML：-

        <ul id="navigation">

            <li>
                <a href="index.html" class="nav-subtitle current">
                    Home
                </a>       
            </li>

            <li> 
                <a href="#" class="nav-subtitle">
                Second
                </a>
                <ul>
                    <li><a href="#" id="two-one">Item 2.1</a></li>
                    <li><a href="#" id="two-two">Item 2.2</a></li>
                </ul>
            </li>

            <li>
                <a href="#" class="nav-subtitle">
                    Third
                </a>
                <ul>
                    <li><a href="#" id="three-one">Item 3.1</a></li>
                    <li><a href="#" id="three-two">Item 3.2</a></li>
                    <li><a href="#" id="three-three">Item 3.3</a></li>                      
                </ul>
            </li>
        </ul>

我尝试了以下jQuery，但“parent”元素最终将“current”类添加到li元素，而不是带有class nav副标题的href。如果我指定“导航字幕”ID，则整个功能失败：-

$("#two-one").click(function(){
        $( "#nav-subtitle" ).removeClass("current");
        $(this).parent().parent().parent("#nav-subtitle").addClass("current");   
        $(this).addClass("current");
});

Answer 1

我相信这段代码做了我需要它做的事情。

$("#two-one").click(function(){
        $('a.current').removeClass('current');
        $(this).parent().parent().siblings().addClass('current');
        $(this).addClass('current');
});

从类为“current”的元素中删除“current”类，将“current”添加到父href，最后将类“current”添加到单击的href。