다른 함수를 결합하여 jquery로 스크립트 변경하기

Question

버튼을 클릭하면 45도 회전하는 스크립트를 만들었습니다. 단락을 열고 닫으려고합니다. 콘텐트 관리 시스템이 짜 맞춰져 있지 않기 때문에 CSS에 액세스 할 수 없기 때문에 이것이 모두 자바 스크립트로 끝난 이유입니다. 스크립트는 다음과 같습니다

var img = document.images[0]; 
effects_of_yoga_info.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-in-out"); 


var deg = 0; 
effects_of_yoga_info.addEventListener('click', function() { 
deg += 45; 
effects_of_yoga_info.style.setProperty('-webkit-transform', 'rotateZ('+deg+'deg)'); 

하고 부품이 나는 그들이 동시에 일어날 수 있도록 그것으로 통합하고 싶습니다이다 :

$("#effects_of_yoga_info").click(function() { 
    $("p#effects_of_yoga_text").slideToggle("fast"); 
}); 

나는 그것이 매우 간단 확신하지만 난했습니다 그것으로 힘든 시간을 보내고, 미리 감사드립니다.

Answer 1

당신은이 같은 뜻 :

$(img).click(function() { 

    deg += 45; 
    $(this).css('-webkit-transform', 'rotateZ(' + deg + 'deg)'); 

    $('#KittenText').slideToggle("fast"); 

});​ 

Answer 2

가 작동을 가지고 : 잘

var img = document.images[0]; 
effects_of_yoga_info.style.setProperty("-webkit-transition", "-webkit-transform 0.3s ease-in-out"); 


var deg = 0; 
effects_of_yoga_info.addEventListener('click', function() { 
$("p#effects_of_yoga_text").slideToggle("fast"); 
deg += 45; 
effects_of_yoga_info.style.setProperty('-webkit-transform', 'rotateZ('+deg+'deg)'); 
});