[jQuery] show, hide

[jQuery] Show(), Hide()

 

CSS에서 Show, Hide는

 

Display:none;

Display:block;

 

이와 같은 사항으로 표현합니다.

 

jQuery에서는

 

Show(), Hide() 명령어로서 이와 같은 기능을 수행할 수 있습니다.

 

다음은 응용예제입니다.

Show()와 Hide() 제어에 관한 예제입니다.

 

<script>

     $(document).ready(function(){
            $("#ckDiv").hide()

$("#button_sub").click(function(){

if($("#ckDiv").css("display") != "none"){

$("#ckDiv").show();

}else{

$("#ckDiv").hide();

}

});

});

</script> 

 

<div id="ckDiv">

야호

</div>

 

<input id="button_sub" type="submit" values="제어"> 

 

 

이상입니다.