<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-2.1.4.min.js"></script> </head> <body> <p>动画的内容</p> <input id="qqq1" type="button" value="显示" onclick="f()"> <input id="qqq2" type="button" value="隐藏" onclick="f1()"> <input id="qqq3" type="button" value="toggle" onclick="f2()"> </body> <script> function f() { $("p").show(1000); } function f1() { $("p").hide(1000); } $("#qqq3").click(function () { $("p").toggle(1000); }); </script> </html>