jquery - 将 .active 类添加到 jQuery slideToggle 菜单

Answer 1

在不启用 Javascript 的情况下，我会将代码修改为更易于访问

Javascript

$('ul').find('a').on('click', function() {
    var $this = $(this); // cache $(this)

    $this.addClass('active');
    $( $this.attr('href') ).slideToggle();

    return false; // prevent anchor click event
});

HTML

<ul>
    <li><a href="#projekte">Projekte</a></li>
    <li><a href="#mo">Mo</a></li>
</ul>

<div id="projekte">Stuff</div>
<div id="mo">Stuff</div>

Answer 2

Javascript

$('ul li a').on('click', function(e) {

    // to keep your link from actually clicking through
    e.preventDefault();

    $(this).addClass('active');
    $( '#' + $(this).attr('href') ).slideToggle();

});

HTML

<ul>
    <li><a href="projekte">Projekte</a></li>
    <li><a href="mo">Mo</a></li>
</ul>