对于低于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要好，但是请查看alecwh提到的addClass和removeClass方法。

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

我会在jQuery中使用toggleClass函数，并将CSS定义到类中，例如：

/* start of css */
#user_button.active {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px; /* user-agent specific */
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px; /* etc... */
}
/* start of js */
$('#user_button').click(function() {
    $('#user_options').toggle();
    $(this).toggleClass('active');
    return false;
})

您可能希望使用jQuery的.addClass和.removeClass命令，并为状态创建两个不同的类，对我来说，这是最佳实践方法。

初始代码必须具有borderBottomLeftRadius：0像素

$('#user_button').toggle().css('borderBottomLeftRadius','+5px');

最好的选择是在CSS中设置一个类样式，比如.showMenu和.hideMenu，其中包含各种样式。

$("#user_button").addClass("showMenu");

您可以通过保持以下状态来实现此目的：

$('#user_button').on('click',function(){
    if($(this).attr('data-click-state') == 1) {
        $(this).attr('data-click-state', 0);
        $(this).css('background-color', 'red')
      }
    else {
      $(this).attr('data-click-state', 1);
      $(this).css('background-color', 'orange')
    }
  });

Take a reference from the codepen example here

$（文档）.ready（函数（）{

$('#toggle').active('click', function(){
    $(".navbar-collapse").addClass("show");
});

$('#toggle .active').on('click', function(){
    $(".navbar-collapse").removeClass("hide");
});

}）;
切换菜单已关闭并打开，但导航项未关闭。

$('#user_button').on('click', function(){
        $("#user_button").toggleClass('active');
});

#user_option.active {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}