2013-05-19 5 views
0

내가 찾고있는 것은 내 컨테이너의 크기를 onclick으로 변경하는 것입니다.JQUERY 클릭 이벤트 수신

컨테이너 내부에는 다양한 높이로 슬라이드하는 2 개의 패널이 있습니다. 토글 함수를 수신하고 필요한 경우 컨테이너의 크기를 조정하려면 컨테이너가 필요합니다.

을 heres 코드 원경 ...

$(document).ready(function() { 

    var content = $("#content_container"); 
    var childHeight = $('.panel-container').height(); 

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

    else { 
     $(content).css("height", "auto"); 
    } 

}); 

PS. 나는 jQuery에 익숙하지 않다 !!

+0

가 작동하지 않습니다 자동으로 컨테이너의 높이를 설정 동작하는 예제 ??? –

답변

0

아래와 같이 할 수 있습니다.이게 원하는 것인지 확실하지는 않지만 주위를 어지럽히고 원하는 방식으로 가져올 수 있습니다.

$(document).ready(function() { 

    $("#content_container").toggle(
     function() { 
      $(this).animate({height: 657}, 200); 
     }, 
     function() { 
      $(this).animate({height: 200}, 200); 
     } 
    ); 

}); 

http://jsfiddle.net/CarlG/x6yLj/2/