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:
#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