JavaScript/문법

[jquery] toggleCalss - html 클래스 값 제어

민돌v 2021. 10. 8. 15:34
728x90

제이쿼리 tobbleClass()로 선택한 요소에 클래스 값을 넣었다 뺄 수 가있습니다.

 

예를 들어

$( 'p' ).toggleClass( 'xyz' );

는, p 요소에 xyz 클래스가 없으면 추가하고, 있으면 제거합니다.

 

ex) 사용법

bulma CSS 에서  is-hidden이란 클래스는 요소를 안보이게하는 클래스

function toggle_sign_up() {
            $("#sign-up-box").toggleClass("is-hidden")
            $("#div-sign-in-or-up").toggleClass("is-hidden")
            $("#btn-check-dup").toggleClass("is-hidden")
            $("#help-id").toggleClass("is-hidden")
            $("#help-password").toggleClass("is-hidden")
            $("#help-password2").toggleClass("is-hidden")
        }
반응형