根據顯示/隱藏調整列寬CSS

Question

我在div行中有2列。左邊是我的主要內容，右邊是聊天室。我希望我的用戶能夠最小化和打開我知道如何做這部分的聊天室。然而，當聊天室打開時，我希望我的左列是col-lg-10，當聊天室關閉時，我希望它成爲col-lg-12。我該如何實現這個目標？

Answer 1

使用jQuery（我看你用引導的話）是相當簡單：jQuery的的

$(".buttonToggleChat").on("click", function(){ 
    $(".someSpecificClassColumn").toggleClass("col-lg-10 col-lg-12"); 
    // ^^ the same selector you want to toggle 10/12 lg classes 
});