jquery - jQuery切换动画

我有这个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);
   });
});

这个工作正常，但是我需要扩展一些功能。我还想同样地与#panel div同步操作另一个div的属性。我尝试添加与二级div有关的两个功能，但是我刚得到一个4相切换...哈哈!
原谅我的无知!

多谢你们!

最佳答案

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

关于jquery - jQuery切换动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/931113/