Bootstrap手风琴 - 活动按钮

Question

我有一个带水平菜单的Bootstrap手风琴。我试图更改活动按钮的背景。

我在JDFIDDLE中玩了很多，没有任何结果。

为了不发疯并避免更大的混乱，我确实停下来寻求帮助。

请查看JSFIDDLE

JS：

$("#nav2 a").on("click", function(){
   $("#nav2").find(".active").removeClass("active");
   $(this).parent().addClass("active");
});

CSS：

#nav2  a:active,
#nav2  a:hover,
#nav2  a:focus {
   color: #fff; 
   background-color: #000 !important;
   font-weight: bold;
}

Answer 1

在我看来tabs比手风琴更适合你所做的事。

HTML：

function mysqli_result($res, $row, $field=0) { 
    $res->data_seek($row); 
    $datarow = $res->fetch_array(); 
    return $datarow[$field]; 
}

小提琴：http://jsfiddle.net/j0cp4hkp/

Answer 2

试试这个：

<强> JQUERY

$("#headingOne a").on("click", function(){
   $(this).addClass("active");
   $("#headingOne").find('.active').not(this).removeClass("active");
});

我添加了这个CSS：.active { color:#ccc !important;}，以便您可以看到哪个菜单项处于活动状态。

http://jsfiddle.net/ggChris/sqp2jkvz/