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

这是正常工作,但我需要扩展功能一点。我也想同样操作另一个div的属性与#panel div同步。我尝试添加两个与二次div相关的功能,但是我刚刚得到一个四相切换…哈哈!
原谅我的无知!

多谢你们!

解决方法

$('.login').toggle(
    function(){
        $('#panel').animate({
            height: "150",opacity:.8
        },500);
        $('#otherdiv').animate({
            //otherdiv properties here
        },500);
    },function(){
        $('#panel').animate({
            height: "0",opacity:.2
        },500);     
        $('#otherdiv').animate({
            //otherdiv properties here
        },500);
});
原文链接:https://www.f2er.com/jquery/183607.html

猜你在找的jQuery相关文章