Respuesta Rapida Como PHPBB3

Autor: @MrAxtrix

Descripción:
Con este código conseguiremos el mismo efecto que en PHPBB3 al poner nuestra respuesta rápida retráctil, por lo que aparecerá al hacer click en un botón.

Instrucciones:
Paso 1:
Lo primero que tendremos que hacer sera ocultar la respuesta rápida con CSS para poder hacer el efecto. Para ello usaremos el siguiente código.

Panel de administración
Visualización
Imágenes y Colores
Colores
CSS Stylesheet:

Codigó:

a.trigger {padding: 5px;margin: 20px; background: #666666; color: #ffffff;-webkit-border-radius: 05px;-moz-border-radius: 05px;border-radius: 05px;}
#quick_reply {display:none;}

Modificaciones:
Pues no hay mucho que modificar, la primera parte sirve para darle estilo al “boton”
a.trigger { }
Y la segunda solo es para ocultar la respuesta rápida así que no hay que cambiar nada.

Paso 2:
Creamos una pagina Javascript

Panel de administración
Modulos
HTML & JAVASCRIPT
Gestión de los códigos Javascript

Codigó:

jQuery(function(){
  jQuery("#quick_reply").before('<a href="#" class="trigger">Respuesta Rapida</a>');
});
jQuery(document).ready(function() {
  jQuery("a.trigger").click(function(){
    jQuery("#quick_reply").slideToggle("slow");
    return false;
  });
});

Modificaciones:
Si queremos cambair el texto tendremos que modificar lo siguiente:
Respuesta Rapida
Y si queremos modificar la velocidad de la animacion cambiaremos esto y pondremos los segundos que queremos que tarde en efectuarse ej: 4000 = 4 segundos
("slow");

Vista previa: