Cuando hago clic en el botón, quiero ocultar ese botón y mostrar el div. Quiero que esto sea lento. Para esto:
$('#add_note').on('click',function (){ $(this).hide(200); $('#add_note_form').show(200); }) usé esto Pero quiero hacer esto usando prop('hidden',true/false) .
$('#add_note').on('click',function (){ $(this).prop('hidden',true); $('#add_note_form').prop('hidden',false); })Funciona así, pero ¿es posible hacerlo lento?
No puede animar una transición lenta usando la propiedad hidden booleana.
Sin embargo, puede usar fadeOut() en su lugar, luego establezca la propiedad en la devolución de llamada cuando se complete la animación:
$('#add_note').on('click',function() { $(this).fadeOut(1000, function() { $(this).prop('hidden', true); }); $('#add_note_form').fadeIn(1000); })