更改图标减号点击加号图标时

Question

我试图修改引导边栏的代码：

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

DEMO：

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/