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); 
    }); 
}); 

यह ठीक काम कर रहा है, लेकिन मैं कार्यक्षमता एक छोटे से विस्तार करने के लिए की जरूरत है। मैं #panel div के साथ सिंक में एक और 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');" 

बस डाल दो स्टॉप - एक ऑनसाउसओवर और एक ऑनसाउसआउट।