최고 높이 탭 높이 맞추기 - 슬라이드 높이 설정

Question

accordian/슬라이드 탭 내에서 jquery idtabs 변형을 사용하고 있습니다.

슬라이드 높이는 # tab1 콘텐츠의 콘텐츠로 설정되지만, 종종 다른 탭의 콘텐츠가 완전히 표시되지 않을 수 있으므로이 탭이 가장 높지는 않습니다.

   <script> 
      $(function(){ 
       var slideHeight = 305; // px 
       var defHeight = $('#wrap').height(); 
       if(defHeight >= slideHeight){ 
        $('#wrap').css('height' , slideHeight + 'px'); 
        $('#read-more').append('<a href="#">SHOW MORE</a>'); 
        $('#read-more a').click(function(){ 
         var curHeight = $('#wrap').height(); 
         if(curHeight == slideHeight){ 
          $('#wrap').animate({ 
           height: defHeight 
          }, "normal"); 
          $('#read-more a').html('SHOW LESS'); 
          $('#gradient').fadeOut(); 
         }else{ 
          $('#wrap').animate({ 
           height: slideHeight 
          }, "normal"); 
          $('#read-more a').html('SHOW MORE'); 
          $('#gradient').fadeIn(); 
         } 
         return false; 
        }); 
       } 
      }); 

      </script> 

내가 문제를 해결해야 원래의 코드에 다음의 변화를 이용하여 확신하지만 성공적으로 스크립트를 병합 보일 수있다 : 다음과 같이

슬라이드 코드입니다.

   <script> 

       $(function(){ 

       var heighest = 0; 
       $('#wrap').each(function(){ 
        heighest = ($(this).height() > heighest) ? $(this).height() : heighest; 

       }); 

       $('#wrap').css('height',heighest + 'px'); 

      }); 

      </script> 

어떤 도움이나 제안이라도 인정 될 것입니다. 이것은 제 분야가 아니기 때문에 저는 사진 맨입니다.

감사합니다.

Answer 1

나는이 같은 것을 찾고 있다고 생각합니다. #wrap 요소가없고 심지어 존재한다고해도 $('#wrap').each(...)은 항상 하나의 요소에만 적용됩니다. 또한, 요소가 가시 영역 내에서 표시 할 것을 고려

<script> 
    $(function() { 
     var slideHeight = 50, // px 
      wrapHeight = $('#wrap3').height(); 

     $('#wrap3 .usual2 div').each(function(){ 
      wrapHeight = ($(this).outerHeight() > wrapHeight) ? $(this).outerHeight() : wrapHeight; 
     }); 
     defHeight = wrapHeight + slideHeight; 

     if(defHeight >= slideHeight) { 
      (...etc)