Esta entrada va a ser corta y puede que hasta muy sencilla. La pongo porque necesité una funcionalidad y no encontré la forma de lograrla documentada en ningún lado (admito que tampoco le dediqué mucho tiempo a dicha búsqueda)...

Al seleccionar un link, se realiza una petición AJAX y al completarse deben suceder estos dos efectos visuales (ver script.aculo.us ): 1. Debía aparecer un div que mostrara el resultado del llamado AJAX, este div debería aparecer lentamente de arriba hacia abajo (conocido como efecto fade); 2. El link seleccionado debería opacarse un poco (conocido como efecto opacity).

Este es el fragmento de código para hacerlo... lo importante por observar es el uso del signo mas (+), para concatenar los efectos...

 <div id="div_id">
 <%= link_to_remote('click aqui', 
                 :update => 'div_actualizar', 
                 :url => { :action => 'metodo_ajax', :id => @empresa.id }, 
                 :complete => visual_effect(:blind_down, 'div_actualizar') + visual_effect(:opacity, 'div_id', {:from => 0.1, :to => 1.0, :duration => 2})
               ) %>
 </div>
 <div id="div_actualizar"></div>
 
 

Saludos...