Включите 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

Переключить дополнительный класс, который выполняет поворот.

УС:

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

JS:

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

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