I'm trying to create a toogle, where if the arrow is at 0 deg, it rotates, and if it's at 90deg, it rotates back to 0deg. However, at the moment, it is rotating on the first click, where the arrow is set to 90deg, but not on the second clcik to turn it back. Why?

```
    function togglepage() {
        if (document.getElementById("toggle").style.transform = "rotate(0deg)") {
            document.getElementById("toggle").style.transform = "rotate(90deg)";
        }
        else if (document.getElementById("toggle").style.transform = "rotate(90deg)") {
            document.getElementById("toggle").style.transform = "rotate(-90deg)";
            document.getElementById("toggle").style.transform = "rotate(0deg)";
        }
    }

```