[SOLUCIONADO] Obtener valor transform de un Objeto

[Mati92_CPArg]

Buenas, quería ver si alguien podría darme una mano con este inconveniente, desde ya gracias.

El asunto es un botón que contiene una flecha que cambia de sentido al hacer clic, apuntado al inicio hacia abajo y luego hacia arriba.

Solo logro que cambie de sentido al hacer un clic, pero luego quiero que al volver a hacer clic vuelva a cambiar de sentido.

El Código:

Código:

<style>
.tema_ayuda > span{
     transform: rotate(-90deg);
}
</style>

<script type="text/javascript">
$(document).ready(function(){
$('.Mostrar1').click(function(){
		$(".DivOculto1").slideToggle();	
		var ab_estado_1 = $("#m_tema_1").css("transform");		
		if (ab_estado_1=='rotate(90deg)')	{
			$("#m_tema_1").css( 'transform', 'rotate(-90deg)' );			
		}else{
			$("#m_tema_1").css( 'transform', 'rotate(90deg)' );	
		}
});
});
</script>
<a class="Mostrar1">
<div id="tema_1" class="tema_ayuda">Presione<span id="m_tema_1"><</span></div>
</a>

La idea que tenia en mente era obtener el valor del atributo transform y mediante un if según la situación accionar tal cambio. Pero no lo logre.

Saludos, y gracias

[Alexis88]

No se produce el efecto pues el <span> no es un elemento transformable, además, ab_estado_1 no obtiene un valor similar a rotate(90deg) sino del tipo matrix(1, 0, 0, 1, 0, 0).

Vas a tener que hacerlo de otra forma.

Saludos

[Mati92_CPArg]

Tratando y experimentando llegue a una solución algo improvisada, pero funciona

$(document).ready(function(){
var m_tema_clic_1=0
$('.Mostrar1').click(function(){
$(".DivOculto1").slideToggle();
if (m_tema_clic_1==1) {
$("#m_tema_1").css( 'transform', 'rotate(-90deg)' );
m_tema_clic_1=0;
}else{
$("#m_tema_1").css( 'transform', 'rotate(90deg)' );
m_tema_clic_1=1;
}

});
});