jQuery元素的滑动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery</title> <mce:script language="javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js" mce_src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.js"></mce:script> <mce:script language="javascript" charset="GB2312"><!-- $(document).ready(function(){ $(".div1").toggle( function() { $(".div2").slideUp(1000); } , function() { $(".div2").slideDown(1000); } ) }) // --></mce:script> <mce:style><!-- .div1 { width:200px; line-height:20px; background-color:#296624; color:#FFF; text-align:center; cursor:pointer; border:1px solid #296624; } .div2 { width:200px; height:200px; border:1px solid #296624; } --></mce:style><style mce_bogus="1">.div1 { width:200px; line-height:20px; background-color:#296624; color:#FFF; text-align:center; cursor:pointer; border:1px solid #296624; } .div2 { width:200px; height:200px; border:1px solid #296624; }</style> </head> <body> <div class="div1"><span>css学习网</span></div> <div class="div2"> <p>我是里面乱七八糟的内容!我是里面乱七八糟的内容!我是里面乱七八糟的内容!我是里面乱七八糟的内容!我是里面乱七八糟的内容!我是里面乱七八糟的内容!我是里面乱七八糟的内容!我是里面乱七八糟的内容!</p> </div> </body> </html>

你可能感兴趣的:(jQuery元素的滑动)