javascript - 删除类不起作用

Question

我有一个非常简单的问题，实际上这不是问题，这是修复javascript错误，无论如何，这是代码:

    $(document).ready(function() {
        $('#accordion a.item').click(function () {
            $(this).addClass('selected');
            $(this).removeClass('selected');
            $('#accordion li').children('ul').slideUp('slow'); 
            $(this).siblings('ul').slideDown('slow');  
        });
    });

和 html:

<ul id="accordion">
    <li>
        <a href="#" class="item">BANKS</a>
        <ul>BLA BLA BLA</ul>
    </li>
    <li>
        <a href="#" class="item">PETROL</a>
        <ul>BLA BLA BLA</ul>
    </li>
</ul>

当我单击其中一个链接时，“选定”类会添加到其中，但是当我单击另一个链接时，“选定”类不会删除，那里可能存在什么错误？

谢谢大家的帮助!我真的很感激!

Answer 1

目前尚不清楚您要做什么，但看起来您想要将该类添加到单击的元素中，并从其所有同级元素中删除它。您当前的代码向同一元素添加和删除类，但最终没有执行任何操作。

你可能想要类似的东西

$(document).ready(function() {
    $items = $('#accordion a.item'); // all the items
    $items.click(function () {
        $items.removeClass('selected'); // remove class from everything
        $(this).addClass('selected'); // add class to clicked item
        $('#accordion li').children('ul').slideUp('slow'); 
        $(this).siblings('ul').slideDown('slow');  
    });
});