jQuery - toggle 토글

1. 토글이란?

• 하나의 설정 값으로부터 다른 값으로 전환하는 것입니다
• 토글이라는 용어는 오직 두 가지 상태밖에는 없는 상황에서, 스위치를 한번 누르면 한 값이 되고, 다시 한번 누르면 다른 값으로 변하는 것을 의미합니다

2. 사용법

# bulma 프레임워크 적용중

function toggle_sign_up() {  
    $("#sign-up-box").toggleClass("is-hidden")
}

 

• 아래의 복잡한 코드를 토글을 이용하면 위의 코드로 깔끔하게 작성 가능합니다.

function toggle_sign_up() {
    if ($("#sign-up-box").hasClass("is-hidden")) {
        $("#sign-up-box").removeClass("is-hidden")
    } else {
        $("#sign-up-box").addClass("is-hidden")
    }
}