jquery - 用于在宽屏幕上折叠 Bootstrap 侧边栏的按钮

Question

我正在使用这个模板:

https://bootsnipp.com/snippets/eNe4v

问题是在 22 英寸的电脑屏幕上，我希望通过单击按钮使我的边栏变小或隐藏。

我尝试了一些没有成功的事情。

我正在使用 AngularJS，但也许应该有 Jquery 的解决方案？

当栏被隐藏时，屏幕必须变大，就像在这个模板中一样:

https://github.com/rdash/rdash-angular

但我不能使用这个，因为我不使用 Gulp。

如果你有任何想法，谢谢你，祝你有愉快的一天。

当我用 JQUERY 隐藏 SIDEBAR DIV 时，我只有这个，一个空白区域，但其他 div 不会自动调整大小以适应所有宽屏:

Answer 1

你可以用一个简单的 JS 函数来实现这个

这是一个 Example

$('#button').click(function () {
        $("#myDiv").animate({width:'toggle'},300); //300 is the speed (in ms)
    });