title: jQuery toggle animation
body: <p>I have this jQuery:</p>
  
  <pre><code>$(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);
     });
  });
  </code></pre>
  
  <p>This is working fine, but I need to extend the functionality a little.  I want to also similarly manipulate another div's properties in sync with the #panel div.  I tried adding two more functions relating to the secondary div, but I just got a 4-phase toggle...haha!
  Forgive my ignorance!</p>
  
  <p>Thanks guys!</p>