jquery div 높이 변경 임시/사용자가 다른 곳을 클릭 할 때까지

Question

기본 CSS 높이가 자동 인 #content div가 있습니다.

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

그러나 사용자가 특정 페이지에있는 동안 그는 어느 클릭 할 때 그것은 단지 그 높이가 있어야합니다 버튼을 클릭하고 양식을 제출 한 후, 나는 300에 내 콘텐츠-DIV의 높이를 변경 다른 링크를 클릭하면 높이가 '자동'으로 다시 설정되어야합니다. 나는

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

단지가

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

말을하지만 그때 나는 내가에 동적으로 링크로드 해요 때문에 모든 링크에 클래스 = "heightAuto"를 추가한다고 생각 CSS 클래스를 추가하는 방법에 대한 생각 내 content-div를 사용하여 매번 페이지를 다시로드하지 않아도됩니다. jquery를 사용하거나 CSS 스타일을 임시로 설정하는 것이 더 좋은 방법이 아닙니까?

Answer 1

이 프로젝트의 대상 고객은 누구입니까?

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

http://www.w3schools.com/cssref/sel_not.asp이 그럼 당신은 명시 적으로 서버 스크립트에 .heightAuto 클래스를 설정할 필요가 없습니다 것입니다 : 그것은 모든 최신 브라우저 (IE9 +) 인 경우, 당신은 항상 CSS 의사 선택 :not()를 사용할 수 있습니다.