根据显示/隐藏CSS调整列宽度
adjusting column width based on show/hide CSS
我在一个div行中有2列。左边的是我的主要内容,右边的是聊天室。我希望我的用户能够最小化和打开聊天室,我知道如何做到这一点。然而,当聊天室是开放的,我希望我的左列是coll -lg-10,当聊天室是关闭的,我希望它成为coll -lg-12。我怎样才能做到这一点呢?
使用jQuery(我看到你已经在使用Bootstrap)非常简单:
$(".buttonToggleChat").on("click", function(){
$(".someSpecificClassColumn").toggleClass("col-lg-10 col-lg-12");
// ^^ the same selector you want to toggle 10/12 lg classes
});
相关文章:
- 如何针对Android股票/本地浏览器来调整CSS
- 使用CSS、HTML和Javascript在随机图像的页面上调整图像大小
- Javascript em根据窗口/视口尺寸调整大小,不影响文档样式的text/css
- 如何在HTML CSS JavaScript中根据纵横比调整高度或宽度
- jQuery在使用css定位的元素上调整大小;无法在chrome中正确调整大小
- 拖动和调整 CSS 转换元素的大小
- 需要帮助调整 Fiddle 代码以使用 Javascript 和 CSS 折叠/展开 Div
- 如何根据浏览器宽度动态调整 css 样式表
- 如何调整打开列表中的“+”号?(CSS)
- CSS 大小相互依赖和在 Chrome 中通过 JS 调整大小:可能的错误
- 我可以更改CSS中文本区域调整大小句柄的设计吗
- 使用css调整背景图像大小
- Css-是否可以在调整屏幕大小时使元素移动,以使其适合屏幕
- 使用javascript动态调整CSS
- 自动检测移动设备或分辨率并相应地调整CSS
- Jquery可排序.在选定/拖动时调整CSS
- 在窗口上设置产品滑块宽度,同时调整CSS媒体查询的大小
- 根据特定的移动屏幕调整CSS大小
- 调整CSS图像蒙版:悬停在旋转木马上
- 谷歌地图调整css显示none