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

将脚本更改为jquery结合另一个函数

2 个答案: