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

<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>

https://childeye.tistory.com/entry/jquery-hide-show-%ED%95%A8%EC%88%98-visibility-%EC%86%8D%EC%84%B1

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