javascript - jQuery は非表示とアクティブなクラスを 1 つのボタンで表示します

Question

私はこのコードを持っていて、アクティブなクラスをボタンに追加したい.loginhead(クリックしたとき、およびコンテンツが表示および非表示になったときにクラスを削除および追加する)。どうすればそれができますか？

$(".top .login").hide('', function () {
    $('.loginhead').removeClass("active");  
});

$(".loginhead").show();

$('.loginhead').click(function () {
    $(".top .login").slideToggle();
    $('.loginhead').addClass("active");
}); 

Answer 1

使用してtoggleClass()ください。私があなたを正しく理解しているなら。ドキュメントへのリンクは次のとおりです: http://api.jquery.com/toggleClass/

$('.loginhead').toggleClass("active");