Javascript jquery open div，包含li类=“；主动”；

我当前使用此代码隐藏和显示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>

当使用id=“showmenu”单击div“Click Here”时，我想将类“active”添加到此div

我怎样才能做到这一点呢？

使用like

$（文档）.ready（函数（）{
$（“#显示菜单”）。单击（函数（）{
$（this.addClass（'active'）；
$（'.menu'）。滑动切换（“快速”）；
});
});
.active{
颜色：绿色；
}

点击这里
按钮1
按钮2
按钮3
您可以使用：

谢谢，但它还必须在关闭div时通过再次单击删除活动类。我怎样才能解决这个问题？
$(document).ready(function() {
    $('#showmenu').click(function() {
            $('.menu').slideToggle("fast");
    });
});

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

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