jQuery - IF 높이가 2보다 큰 별도 div

Question

좋아요, 그래서 이전에 질문했지만 원하는 효과를 얻지 못했습니다. 결과적으로 나는 다른 방식으로 그것을 해결하기로 결정했습니다 ...

두 패널 중 하나 (또는 ​​둘 다)가 확장되면 컨테이너의 높이를 높이려고합니다.

var content = $("#content_container"); 
var childaHeight = $('#news_events_panel').height(); 
var childbHeight = $('#headteachers_panel').height(); 

    if (content < childaHeight, childbHeight) { 
     $(content).css("height", 657 + "px"); 
    } 

패널이 열렸을 때 컨테이너의 높이가 657px로 향상되었습니다.

까다로운 비트가 다음 비트입니다 ...

사용자는 개별적으로 모두 패널을 열 수 있으며, 제가하는 데 문제는 사용자는 그들 중 하나 auto 높이로 컨테이너 수익을 닫을 때이다. 양쪽 패널이 닫힌 경우에만 auto으로 돌아가려면 컨테이너가 필요합니다. 기본적으로

if (content > childaHeight & childbHeight) { 
     $(content).css("height", "auto"); 
} 

, 나는

아마 쉬운 솔루션있다

. 그렇지 않을 경우, 높이를 유지합니다. "자동"내용이 childaHeight 및 childbHeight, 복귀보다 큰 경우 "읽기이 2 스크립트를 필요로하지만 . '이 매우 매우 새롭고 정말 jQuery를 기능에 최대를 흘려 주기도 아니에요

Answer 1

를 그냥 함께 추가 나는 가정 :

if (content.height() > (childaHeight + childbHeight)) { 
     content.css("height", "auto"); 
}