将javascript转换为切换

Question

我有这个javascipt和html：

function flipTXT(rotate) {
    if (parent_window && !parent_window.closed) {
        parent_window.document.getElementById("teleprompter")
            .style.webkitTransform = rotate;
    }
}

<li>
    <a class="button small icon-text-width flipx" href="#"
       onClick="javascript:flipTXT('rotateY(180deg)')")></a>
</li>

它的作用是允许我单击弹出页面上的按钮并在要镜像的父页​​面上设置文本。问题是它只能运行一次。

我如何制作它，以便当按钮再次被按下时，它会将其设置为rotateY(0deg)。

或者进行切换。

Answer 1

切换另一个执行旋转的类。

CSS：

.flipped { transform: rotateY(180deg); }

JS：

$('#teleprompter').toggleClass('flipped');

http://jsfiddle.net/mblase75/4pru4hap/