addClass('slide-down') 함수 관련 질문

[Maldive]

html

 <div id="loginbox" class="black-background" >

js

$('#openbox').click(function () {
    $('.black-background').addClass('slide-down');
});

$('#closebox').click(function () {
    $('.black-background').removeClass('slide-down');
});

css

.black-background {
    // display: block;

⭐질문
display: block;  안써도 작동 잘되요.

js에서 display:none, block 조작 대신 add & removeClass ('slide-down') 조작이고,

<div>태그 자체가 block 속성이니 굳이 안써도 되는거 맞나요?

    transition: all 2s;
    transform: translateY(-1000px);

...중략

}

.slide-down {
    transform: translateY(0px);
}

[codingapple]

<div>는 display:block을 기본적으로 내장하고 있지만

자바스크립트로 display : none을 주고나서 다시 보여주고 싶으면 display : block을 강제로 줘야합니다 

jquery 쓰시면 .show() 하면 됩니다 

[글쓴이]

글