나는 풀다운 선택 (jQuery를)

Question

에 CSS의 높이를 연결하는 조건문을 추가 할 필요가 나는 현재 내 코드이 있습니다

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

$("#grow").click(function(){ 
    $("#background").animate({ height: "800" }) 
}); 

$("#shrink").click(function(){ 
    $("#background").animate({ height: "585" }); 
}); 

그것은 성장 또는 배경 containor를 축소하고 아래 오른쪽 아래 CSS를 유지 주요 양식. 그러나 높이 수용력에 숨겨진 필드와 관련 오류 메시지가있는 풀다운 메뉴를 추가해야합니다 (또는 다른 풀다운 선택을 선택하는 경우 계약).

내가 어떻게해야하는지에 대한 아이디어가 있습니까? 내 풀다운의 ID는 다음과 같습니다 ddlFeedbackType, 거기에 ") ShowHidePageURL ("onchange를 =이라는 OnChange 이벤트 핸들러이고 여기에 숨기기/표시 스크립트입니다 : 난 그냥, 어떤 도움도 모두 함께 넣어하는 방법을 모른다

var x; 
var o = document.getElementById ('plc_lt_zoneContent_pageplaceholder_pageplaceholder_lt_zoneCenter_ASME_FormsSuggestionForm_ddlFeedbackType'); 
if (o.options[o.selectedIndex].text == "Report a Bug") { 
    x = document.getElementById('divPageURLlabel'); 
    x.style.display = "block"; 

    x = document.getElementById('divPageURLtext'); 
    x.style.display = "block"; 

    x = document.getElementById('divFeedbackType'); 
    x.style.display = "none"; 

    x = document.getElementById('lblFeedbackType'); 
    x.style.display = "none"; 
} 

감사하겠습니다. 고맙습니다.

Answer 1

당신의 스타일을해야

이 좋아하는 다음과 같은 HTML 구조

<div id="#background"> 
    <form id="form"> 
     .... 
    </form> 
</div> 

가정 :

다음

#background{height:585px;overflow:hidden;} 

당신의 자바 스크립트 :

$("#grow").click(function(){ 
    if(test your pulldown value){ 
     $('<controls to hide>').hide(); 
    } else { 
     $('<controls to show>').show(); 
    } 

    $("#background").animate({ height: $('form').height() }) 
}); 

$("#shrink").click(function(){ 
    $("#background").animate({ height: "585" }); 
}); 

이 방법의 #background 항상 애니메이션 것 폼의 높이까지 컨트롤이 숨겨져 있으면 높이가 조절됩니다.