javascript - 折叠侧边栏时增加 div 宽度大小

Question

<style type="text/css">
  .collapse {
  height: auto;
  width: auto;
}

.collapse.in.width {
  width: auto;
}
</style>

我的水平折叠工作正常但是一旦折叠我希望 div class=span4 宽度增加到可用的视口宽度空间，例如：8。并且按钮标签使用 JQuery 更改为“显示”，反之亦然。

Answer 1

使用事件发生折叠时，只需切换 div 上的 spanN 类：

$('#demo').on('hidden', function () {
    $('#your-content-div').removeClass('span4').addClass('span8');
});

请参阅http://getbootstrap.com/2.3.2/javascript.html#collapse下的事件部分