javascript - 将脚本更改为 jquery 组合另一个函数

Question

我有一个放在一起的脚本，单击一个按钮它会旋转 45 度，我也希望它可以打开和关闭一个段落。我无法访问 CSS，因为交织在一起的内容管理系统不会让我拥有访问权限，所以这就是为什么它全部使用 javascript 完成并且必须保持这种状态。脚本是：

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)');   
});