changing script to jquery combining another function
<p>I have a script that I put together, which a button is clicked it rotates 45 degrees, I also would like it to toggle a paragraph open and closed.  I don't have access to the CSS because the content management system interwoven wont' let me have accerss, so this is why it's all done with the javascript and it has to stay that way.  The script is:</p>

<pre><code>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)');
</code></pre>

<p>and the part I'd like to incorporate into it so that they happen at the same time is:</p>

<pre><code>$("#effects_of_yoga_info").click(function () {
  $("p#effects_of_yoga_text").slideToggle("fast");
});
</code></pre>

<p>I'm sure it's very simple but I've been having a hard time with it, thanks in advance.</p>
