如何在按鈕上添加class（）和removeClass（）：通過jQuery聚焦

Question

我的代碼有問題。

我想建立一個按鈕菜單，它將在第一次單擊時聚焦，而在第二次單擊時則不會。

這是我的代碼：

    <style>
       .mybutton:focus{
         background-color:red;
        }
    </style>
    <script>
       $(document).ready(function() {
        $("#menu-button").click(function(){
            if($(this).is(":focus")){
                    $(this).removeClass("focus");
            }
            else
            $(this).addclass("focus");
        });
    });
    </script>

沒用
謝謝。

Answer 1

而不是您的if語句，請使用.toggleClass("focus")

$(document).ready(function() {
    $("#menu-button").click(function(){         
        $(this).toggleClass("focus");
    });
});