Tengo este jQuery:

$(document).ready(function()
{
   $("#panel").hide();

   $('.login').toggle(
   function()
   {
      $('#panel').animate({
      height: "150", 
      padding:"20px 0",
      backgroundColor:'#000000',
      opacity:.8
}, 500);
   },
   function()
   {
      $('#panel').animate({
      height: "0", 
      padding:"0px 0",
      opacity:.2
      }, 500);
   });
});

Esto funciona bien, pero necesito ampliar un poco la funcionalidad. También quiero manipular de manera similar las propiedades de otro div en sincronización con el #panel div. Intenté agregar dos funciones más relacionadas con el div secundario, pero acabo de obtener una alternancia de 4 fases ... ¡jaja! Perdona mi ignorancia!

¡Gracias chicos