JQuery переключения анимации

Question

У меня есть этот 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); 
    }); 
}); 

Это работает хорошо, но мне нужно, чтобы расширить функциональность немного. Я хочу также аналогичным образом манипулировать свойствами другого div в синхронизации с #panel div. Я попробовал добавить еще две функции, относящиеся к вторичному div, но я просто получил 4-фазный переключатель ... ха-ха! Простите мое невежество!

Спасибо, ребята!

Answer 1

$('.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); 
}); 

Answer 2

Я не думаю, что добавление двух функций внутри функции переключения работает в случае зарегистрированного щелчка

Например (если я что-то не хватает):

$('.btnName').click(function() { 
top.$('#panel').toggle(function() { 
    $(this).animate({ 
    // style change 
    }, 500); 
    }, 
    function() { 
    $(this).animate({ 
    // style change back 
    }, 500); 
}); 

Answer 3

onmouseover="$('.play-detail').stop().animate({'height': '84px'},'300');" 

onmouseout="$('.play-detail').stop().animate({'height': '44px'},'300');" 

Просто положи две остановки - один onmouseover и один onmouseout.