jQuery切换CSS？

Question

我想在CSS之间切换，因此当用户单击按钮（#user_button）时，它会显示菜单（#user_options）并更改CSS，而当用户再次单击它时，它将恢复正常。到目前为止，这就是我所拥有的：

$('#user_button').click( function() {
    $('#user_options').toggle();
    $("#user_button").css({    
        borderBottomLeftRadius: '0px',
        borderBottomRightRadius: '0px'
    }); 
    return false;
});

有人可以帮忙吗？

Answer 1

对于1.9以下的jQuery版本请参阅https://api.jquery.com/toggle-
event

$('#user_button').toggle(function () {
    $("#user_button").css({borderBottomLeftRadius: "0px"});
}, function () {
    $("#user_button").css({borderBottomLeftRadius: "5px"});
});

但是，在这种情况下使用类比直接设置CSS更好，请查看提及的addClass和removeClass方法。

$('#user_button').toggle(function () {
    $("#user_button").addClass("active");
}, function () {
    $("#user_button").removeClass("active");
});