[jquery] hide, show 함수, visibility 속성

jquery 사용 시.

화면에서 특정 영역(항목?) 숨기기/나타내기.

<script>

function hide() {

    $("#hh").hide();                            // 숨기기. 영역도 같이 사라짐.

    $("#hh").toggle();                         // hide(), show() 함수가 toggle 됨.

    $("#hh").css('visibility', 'hidden'); // 숨기기. 영역은 같이 사라지지 않음.

    $("#hh1").attr("disabled", "true"); // 숨기기는 아님. form 으로 전달되지 않음.

}

function show() {

    $("#hh").show();                            // 나타내기. 영역도 같이 나타남.

    $("#hh").toggle();                           // hide(), show() 함수가 toggle 됨.

    $("#hh").css('visibility', 'visible');   // 나타내기. 영역은 그대로 있음.

    $("#hh1").attr("disabled", "false");  // 숨기기는 아님. form 으로 넘길지 여부.

}

</script>

<form method="get" action="test.jsp">

<div id="hh">

<input type="text" name="hh1" id="hh1" value="hh1" readonly />

</div>

<div id="ss">

<input type="text" name="ss1" id="ss1" value="ss1" />

</div>

<input type="button" id="btn1" value="hide" onclick="javascript:hide();" />

<input type="button" id="btn2" value="show" onclick="javascript:show();" />

<input type="submit" id="btn3" value="submit" />

</form>