사이즈 jQuery를 탭 패널

Question

). 하지만 탭을 클릭 할 때마다 드롭 다운 패널에는 페이지의 절반에 대한 충분한 정보 만 있습니다.

모든 패널이 페이지의 절반 만 차지하도록 패널 크기를 조정하려면 어떻게해야합니까?

Answer 1

모든 표시 가능한 탭 콘텐츠에 클래스 스타일을 추가하고 높이를 제한 할 수 있습니다.

<div id="tabs"> 
    <ul> 
     <li><a href="#fragment-1"><span>One</span></a></li> 
     <li><a href="#fragment-2"><span>Two</span></a></li> 
     <li><a href="#fragment-3"><span>Three</span></a></li> 
    </ul> 
    <div id="fragment-1" class="tabview"> 
     Tab1 content 
    </div> 
    <div id="fragment-2" class="tabview"> 
     Tab2 content 
    </div> 
    <div id="fragment-3" class="tabview"> 
     Tab3 content 
    </div> 
</div> 

그리고 필요한 경우도 스크롤바를 표시하는 CSS 스타일 :

여기

.tabview { 
    height: 50px; 
    overflow: auto; 
} 

이 작동 JSFiddle : http://jsfiddle.net/Fhhu5/