display가 none인지 display인지 알아내는 방법

jquery로 dispaly의 보여진 상태인지 감추어진 상태인지 알기위해서 여러가지 방법이 있다

그러나 나는 아래와같은 방법을 즐겨사용한다

 

$("#아이디").css("display")

 

css()함수를 사용해서 none인지 block인지를 구분해서 처리한다 

<script>
function display_state(){//display none,block여부
  if($("#_display_state").css("display")=="none"){
    $("#_display_state").show("blind",null,300,function(){
    });
  }else{
    $("#_display_state").hide("blind",null,300,function(){
    });
  }
}
</script>
<input type="button" value="보이고 감추기" onclick="display_state()">
<div id="_display_state">상태</div>