Dónde está el fallo??

[MartaMad]

Hola a tod@s,

les explico mi caso, ahorita tengo este código en JQuery:

$(document).on("ready", inicio);
function inicio ()
{
$("#personalizar").on("click", transicion);
}
function transicion ()
{
//Objeto JS/JSON
var cambiosCSS =
{
margin: 0,
overflow: "hidden",
padding: 0,
width: 0
};
$("#historia").css(cambiosCSS);
}

cuando doy al click en el botón con id "personalizar", ejecuta todo muy rápido y no deja los cambios en el html.

Porqué puede ser???

Muchas gracias y un saludo

[PHPeros]

Tienes que poner comillas a los valores del objeto JSON.

[MartaMad]

Hola PHPeros ya probé con comillas y no funciona...

[Alexis88]

Si buscas que los cambios se ejecuten gradualmente, añade una transición. Puedes leer más sobre eso desde este enlace: http://www.w3schools.com/css/css3_transitions.asp

Saludos

[MartaMad]

Iniciado por Alexis88

Si buscas que los cambios se ejecuten gradualmente, añade una transición. Puedes leer más sobre eso desde este enlace: http://www.w3schools.com/css/css3_transitions.asp

Saludos

Si tengo puesta una transición en el css

transition: all 1s ease;

[Alexis88]

Según el manual, las propiedades deben ir entrecomilladas, tal y como te lo recomendó PHPeros, porque son palabras reservadas. ¿Qué versión de jQuery estás usando?, quizá sea ese el problema. Aplica la transición dentro del JSON.