[javascript/jquery] jquery display 옵션 확인 및 제어 방법

[javascript/jquery] jquery display 옵션 확인 및 제어 방법

 

 

jquery 에서

 

특정 타겟의 display none 여부를 체크하고

 

결과에 따라서 show / hide 를

 

제어하고 싶을때가 있습니다.

 

그럴때 아래 방법으로 하시면 됩니다.

 

        if ( $('TARGET').css('display') === 'none' ) { 
            // display none
        } else { 
            // display show
        }    

 

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

 

TARGET 의 css 중 display 옵션이 none 으로 일치하면

 

hide 상태이고

 

그외의 경우는 show 상태입니다.

 

각각에 맞는 로직을 구현하시면 됩니다!

 

참고들 하세요!