单击加号图标时，将图标更改为减号

Question

我试图修改Bootstrap Sidebar的代码：

http://jsfiddle.net/samtux/8djegrp6/35/

<button type="button" class="btn-lg btn btn-default" data-toggle="sidebar" data-target=".sidebar-right">
 <span class="glyphicon glyphicon-plus-sign"></span>
</button>

我希望在切换激活时将加号图标变为减号图标。

Answer 1

样本：

<强> http://jsfiddle.net/8djegrp6/37/

<强> jQuery的：

$(document).ready(function () {
  $('[data-toggle="sidebar"]').click(function () {
    $(this).toggleClass('active')
  });
});

<强> CSS：

[data-toggle=sidebar].btn.active span:before {
   content: "\e082"
}

Answer 2

我对你的按钮进行了css调整。这是你想要实现的目标吗？

.sidebar-menu {
  position: absolute;
    top: 10px;
    right: 25px;
}

以下是我对您的代码的介绍。 http://jsfiddle.net/imarkdesigns/8djegrp6/36/