將腳本更改爲jQuery結合另一個功能

我有一個腳本，我把它放在一起，點擊一個按鈕，它旋轉45度，我也希望它切換一個段落打開和關閉。我沒有訪問CSS，因爲內容管理系統交織在一起不會讓我擁有更多的繼承人，所以這就是爲什麼所有這些都是用JavaScript完成的，而且必須保持這種狀態。該腳本是：將腳本更改爲jQuery結合另一個功能

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

我敢肯定，這是很簡單，但我已經一直在困難時期，在此先感謝。

來源

2012-10-01 loriensleafs

你的意思是這樣的：

$(img).click(function() { 

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

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

});

來源

2012-10-01 15:22:17 frenchie

嗯，我想它仍然動畫，我有一部分設在這裏與德形象，旋轉，但不知道如何將它寫成jquery，所以將css與包含段落切換的方式合併在一起。 http://jsfiddle.net/loriensleafs/SZXyj/ – loriensleafs

哇我真的很抱歉，我輸入了第一個腳本錯誤，只是更新了它。 – loriensleafs

那麼這是你想到的：http://jsfiddle.net/SZXyj/3/？ – frenchie

得到它的工作：

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

來源

2012-10-01 15:39:49 loriensleafs

將腳本更改爲jQuery結合另一個功能

回答

相關問題