제이쿼리 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")
}
'JavaScript' 카테고리의 다른 글
[Jquery] 자바스크립트 이미지 파일 업로드 시 미리보기 제공하기 (0) | 2021.10.19 |
---|---|
[JS] 팝업창 닫을 때 이벤트 잡기 ( onbeforeunload - 페이지를 벗어날 때) (2) | 2021.10.18 |
[javascript & jquery] attr() 사용법 (0) | 2021.09.28 |
모달창 안에 카카오 맵 불러오기 (동적 웹페이지 로딩) (0) | 2021.09.28 |
템플릿 리터럴 (0) | 2021.09.21 |