包含li class ="active"的jquery open div

Question

我目前使用此代码隐藏和显示div:

<div id="showmenu">Click Here</div>
<div class="menu" style="display: none;"><ul><li>Button1</li><li>Button2</li><li>Button3</li></ul></div>

jQuery的:

$(document).ready(function() {
    $('#showmenu').click(function() {
            $('.menu').slideToggle("fast");
    });
});

当点击id为"showmenu"的div"Click Here"时,我想将"active"类添加到这个div中.

我怎样才能做到这一点？

Answer 1

你可以使用toggleClass:

$('#showmenu').click(function() {
    $( this ).toggleClass("active");
    $('.menu').slideToggle("fast");
});