채택완료

제이쿼리 어떤게 문제일까요?

2017-10-17 (화) 18:37:13 2,411

$(".bub").click(function(){
 $('.bub').css( 'transform', 'rotateZ(50deg)');
 $('.dd').slideToggle();
});

를 클릭했는데 돌아가기는 하는데요

다시클릭 했을땐 슬라이드만 닫기고 각도가 원상복구 되지 않아요..ㅠㅠ

|

답변 1개 / 댓글 2개

채택된 답변
+20 포인트

$(".bub").toggle(function(){
 $('.bub').css( 'transform', 'rotateZ(50deg)');
 $('.dd').slideToggle();
},

function(){
 $('.bub').css( 'transform', 'rotateZ(0)');
 $('.dd').slideToggle();
});

답변에 대한 댓글 2개

감사합니다.. 정말 죄송하지만 서서히 돌아가게는 어떻게 하면 될까요?
스타일시트에 추가하세요.
.bub{transition:all .2s;}

답변을 작성하려면 로그인이 필요합니다.