Jquery on click 函数将类添加到特定 div

Question

我有代码 html

<div class="mobile"></div>
    <ul id="nav">
        <li><a href="index.php">Home</a></li>
        <li><a href="about.php">About</a></li>
        <li><a href="work.php">Work</a></li>
        <li><a href="contact.php">Contact</a></li>
    </ul>
</div>

我需要:单击将类添加到 ul

<div class="mobile"></div>
    <ul id="nav" class="visible">
        <li><a href="index.php">Home</a></li>
        <li><a href="about.php">About</a></li>
        <li><a href="work.php">Work</a></li>
        <li><a href="contact.php">Contact</a></li>
    </ul>
</div>

我已经尝试过:

jQuery(document).ready(function() {
    jQuery('.mobile').click(function(){
        jQuery('#nav').removeClass('selected')
        jQuery('#nav').addClass('selected');
    });
});

当我第一次点击时，js添加我想要选择的类；但是当我再次单击时它什么也不做，它应该删除该类，但它不起作用。我怎样才能做到这一点？

有谁知道这个问题的答案吗？

Answer 1

使用toggleClass():

jQuery(document).ready(function() {
    jQuery('.mobile').click(function(){
         jQuery('#nav').toggleClass('selected');
    });
});

虽然我不清楚你想要visible类还是selected类。