[javascript/jquery] css display 여부로 show/hide 하는 방법

[javascript/jquery] css display 여부로 show/hide 하는 방법

 

 

jquery 로

 

특정 타겟 클래스 혹은 아이디 등

 

요소들의 css display 상태를 체크하여

 

숨겨져 있으면 보이게 하고,

 

보이게 되어있으면 숨기는 방법입니다.

 

if($("아이디").css("display") == "none"){
    $("아이디").show();
} else {
    $("아이디").hide();
}

 

위 내용 보시면 아시겠지만,

 

특정 아이디의 css 요소중 display 가 none 이면 

 

show() 를 호출해서 보이게하고,

 

반대의 경우는 hide() 를 호출해서 감추는 내용입니다!

 

참고들 하세요!