모달창만들기와 간단한 애니메이션

[황은지]

 <script>
// 모달창 띄우기 버튼을 누르면, black-bg요소에 modal-show 클래스명을 붙여줘
// document.querySelector('.btn').addEventListener('click',function(){
// document.querySelector('.black-bg').classList.add('modal-show');
// })

$(".btn").on("click", function () {
$(".black-bg").toggleClass("modal-show")
 })
</script>
addClass일때는 modal-show라는 클래스명을 추가만 해주기때문에 닫기버튼에 기능을 넣지 않으면 작동을 안하는 것으로 알고 있습니다.
그런데 toggleClass를 넣을 경우에는 닫기버튼에 기능을 추가하지 않았음에도 불구하고 닫기 버튼을 누르면 모달창이 사라지는 이유가 뭔가요?

• 이 게시글은 황은지에 의해 1 년, 2 월 전에 수정됐습니다.

[codingapple]

toggleClass는 클래스명이 없으면 붙여주고 있으면 떼어주는 함수입니다

[황은지]

제이쿼리로 같은클래스명을 선택해주다보니 어떨결에 버튼에 btn에 있으면 toggle이 작용한거네요, 재밌네용

[글쓴이]

글