Jquery 引导：将按钮链接活动状态重置回正常状态

这是我的建议

我的行为几乎是在做它需要做的事情

悬停效果很好，单击按钮时按钮保持活动状态，当我单击另一个按钮时，上一个按钮变为非活动状态

我的问题是，当我再次单击active（活动）按钮时，它不会重置回inactive（不活动）（即恢复正常）。我已经尝试了很多方法来达到我所需要的行为，但是我不能让它正常工作

我尝试了

$（）.button（）

，

.toggle（）

，浏览了一遍，还有一些我不记得了

HTML

JS

---

fff

如果您就快到了，请尝试使用toggleClass（）而不是toggle（）

Toggle用于控制元素的可见性，而toggleClass将为您打开和关闭CSS类名

$(".btn-success").click(function(){
    $(this).toggleClass("btn-active").siblings().removeClass("btn-active");
});

---

啊啊！我完全忘记了

。toggleClass

！你是一个摇滚乐手。谢谢。我终于找回了这个将在（Windows平板电脑）上运行的设备。使用Chrome作为默认浏览器。我注意到

toggleClass（）

在平板电脑上似乎不起作用。你知道为什么吗？

.btn-active,
.btn-success:hover {
    background-color: #003c1e;
    color: #fff !important;
    /* Gradient */
    background: #00356B; /* Old browsers */
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#006b34), to(#003c1e)) !important;
    background: -webkit-linear-gradient(#006b34 0%, #003c1e 100%) !important;
    background: -moz-linear-gradient(#006b34 0%, #003c1e 100%) !important;
    background: -o-linear-gradient(#006b34 0%, #003c1e 100%) !important;
    background: linear-gradient(#006b34 0%, #003c1e 100%) !important; /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006b34', endColorstr='#003c1e',GradientType=0 ) !important; /* IE6-9 */

}

$(".btn-success").click(function(){
    $(this).addClass("btn-active").siblings().removeClass("btn-active");
});

$(".btn-success").click(function(){
    $(this).toggleClass("btn-active").siblings().removeClass("btn-active");
});