<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> h1,div{ margin:0; padding:0; font-size:12px; } h1{ width:256px; height:30px; line-height:30px; background-color:red; text-indent:10px; color:yellow; font-size:14px; font-weight:bold; } div{ width:234px; height:110px; border:1px solid red; padding:10px; } </style> <script src="js/jq8.js"></script> <script> //经过测试这种方法在jq1.8.3版本适用 $(function(){ $(‘h1‘).toggle(function(){ $(‘div‘).hide(‘3000‘); },function(){ $(‘div‘).show(‘3000‘); }) }); </script> </head> <body> <h1>什么是jquery</h1> <div>百度下就知道啦，哈哈</div> </body> </html>
经过测试这种方法在jq1.8.3版本适用，2.X版本后不适用
原文：http://www.cnblogs.com/leigood/p/4911807.html