单击时,从另一个div添加/删除类

Question

我想在按下链接时从另一个div添加/删除一个类.我搜索了几个答案并在网上搜索但找不到适合我的答案.

这是我的代码:

<nav id="primary-menu"> <a class="menu-toggle">Browse</a>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Rumors</a></li>
        <li><a href="#">Tutorials</a></li>
        <li><a href="#">Miscellaneous</a></li>
    </ul>
</nav> <!-- end #primary-menu -->

我期待添加类active到#primary-menu时.menu-toggle被点击.

对于JS/jQuery的,我试过click,toggle,toggleClass,我已经试过内联的代码,我试过外部脚本.似乎没有什么工作,我不知道为什么.

我非常感谢你的回复.PS:我不是JS/jQuery的最佳人选.

Answer 1

http://jsfiddle.net/te7brkmj/
这个'click'和'toggleClass'的组合适合我.

$('.menu-toggle').click( function() {
    $("#primary-menu").toggleClass("someClass");
} );

试试这个:

$('.menu-toggle').click( function() {
    $("#primary-menu").toggleClass("someClass");
} );

.someClass{
    color: red;    
}   

 

   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<nav id="primary-menu">

<a class="menu-toggle">Browse</a>

    <ul>

        <li><a href="#">Home</a></li>
        <li><a href="#">News</a></li>
        <li><a href="#">Rumors</a></li>
        <li><a href="#">Tutorials</a></li>
        <li><a href="#">Miscellaneous</a></li>

    </ul>

</nav> <!-- end #primary-menu -->