애니메이션 관련 질문 드립니다.

[윤준호]

css를 통한 애니메이션 개발 후 로그인 버튼을 실행하면 1번째 까지는 대부분  잘 나옵니다. (위에서 아래로 로그인 모달창 등장 )

근데 1회 시행 이후  닫기 버튼을 누르고 다시 로그인 버튼을 누르면 똑같은 동작이 수행되지 않습니다.

(새로고침은 되는데 일반적으로 어떤 사이트에 접속시 로그인이 안되면 새로고침을 누르지 않기 때문)

해결방법이 뭘까요?

(코드참조)

        // 클릭시 로그인 모달창 위에서 아래로
        $('#login').on('click', function(){                       
             $('.black-background').css('transform', 'translateY(0px)');

        //닫기 버튼
        $('#close').on('click', function(){   
            $('.black-background').fadeOut();
        });  

[codingapple]

열기 누르면 Y축 이동을 시키고 있고

닫기 누르면 투명도조절을 시켜서 그렇습니다

닫기누르면 위로 Y축 이동도 시켜봅시다

[글쓴이]

글