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