I'm looking for a way to toggle an img (`.arrow-img`) in jquery to rotate. 

Here's where I'm at; 

```
$(document).ready(function() {
  $(".active-mobile").click(function() {
    $(".toggle-items").slideToggle();
    $(".arrow-img").css("-webkit-transform", "rotateY(0deg)");
    $(".arrow-img").css("transform", "rotateY(0deg)");
  });
});

```

As you'll see from the fiddle, this works the first time; but I need a way to reset/toggle it to return to it's original state. 

I would also like to do this **without using** jQuery's `.addClass` method, I'm currently building a site using Squarespace, and that method doesn't seem to work in that environment. 

Fiddle -> <https://jsfiddle.net/gavinfriel/5q3zzygx/3/>