jquery改變div高度臨時/直到用戶點擊其他任何地方

Question

我有一個＃默認CSS高度的自定義div：自動。點擊一個按鈕，提交表單後，我改變我的內容div的高度，以300：

if(msg == 'OK') 
{ 
    result = '<div class="notification_ok">Thank you.</div>';  
    $("#content").height(300); 
} 

但它只能有一個高度，而用戶是特定頁面上，當他點擊任何另一個鏈接，高度應該再次設置爲'自動'。我想到添加CSS類

.heightAuto { height: auto; } 
.height300 { height: 300; } 

，只是說

$("#content").toggleClass(heightAuto height300); 

但後來我想我有一類=「heightAuto」添加到每一個環節，因爲我加載我的動態鏈接到我content-div，以便不必每次都重新加載頁面。沒有更好的方式與jQuery或設置CSS樣式臨時？

Answer 1

這個項目的目標受衆是什麼？如果它是所有現代瀏覽器（IE9 +），你總是可以使用CSS僞選擇:not()：

http://www.w3schools.com/cssref/sel_not.asp

:not(.height300){ 
    height:auto; 
} 

然後，你就不必明確設置.heightAuto類在你的服務器腳本。