segundo click Jquery

[JorgeChato]

hola a todos, me encanta este foro, siempre encuentro soluciones acertadas, pero hoy vengo a traeros una duda de jquery que me ha surgido al hacer mi proyecto.

este es el código de jquery:

Código:

$(document).on("ready",inicio);
function inicio(){
	$("#ampliar").on("click", transicion),
	$("#ampliar").on("click", transicion2);
}
function transicion(){
	var cambiosCSS={
		width: "14.8em",
		opacity: "1"
	};
	$("#desplegar").css(cambiosCSS);
}
function transicion2(){
	var cambiosCSS={
		"transform": "rotate(-180deg)",
		"margin-top": "0.1em" 
	};
	$("#ampliar").css(cambiosCSS);
}

y quiero que una vez hecho eso si le doy otra vez click a #ampliar quede como estaba antes:
#desplegar:

Código:

width: 0;
opacity: 0;

#ampliar:

Código:

transform: rotate(0deg),
margin-top: 0.7em;

Se me ha ocurrido hacerlo con funciones pero soy nuevo en jquery y aun no se como funcionan. gracias

[marlanga]

http://api.jquery.com/toggle-event/

[jonni09lo]

@JorgeChato Bienvenido al foro.

Otra solución es o usar data o una clase para añadir un "estado" a los elementos y con el segundo clic verificar si existe y cambiar a su estado original.

@marlanga no se si te percataste de esto (por ello propongo la otra solución):

Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an animation method named .toggle() that toggles the visibility of elements. Whether the animation or the event method is fired depends on the set of arguments passed.

Saludos

[JorgeChato]

muchas gracias a los 2.
tengo otra pregunta si quiero hacer un sistema de puntuación "el típico de las estrellitas" sin base de datos que me recomendáis?

[PHPeros]

¿Sin base de datos? Y entonces a dónde van los feedbacks?