根据显示/隐藏CSS调整列宽

Question

我在div行中有2列。左边的那个是我的主要内容，右边的那个是聊天室。我希望我的用户能够最小化并打开我知道如何做这部分的聊天室。然而，当聊天室打开时，我希望我的左栏是col-lg-10，当聊天室关闭时，我希望它成为col-lg-12。我怎么能实现这个目标呢？

Answer 1

使用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
});