某些文字和控件只是想在點擊後才顯示或隱藏，那麼就要用到js中的hide()和show()操作
1.hide()/show()函數
點擊後相應控件隱藏，同時slow , normal , fast 設置隱藏的速度，可以試驗一下。或者用數字表示，單位毫秒，如“1000”，代表100毫秒，一般根據要顯示的內容多少設置速度。
2.jQuery Callback 函數
如果希望在一個涉及動畫的函數之後來執行語句，就使用 callback 函數, eg: show("slow",callback());
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>顯示隱藏標籤</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
function popDIV(id){
if("none"==$("#"+id).css("display"))
{
$("#"+id).show("slow",function(){//可以將slow改爲數字
alert("暫時沒有音樂哦");//如果您希望在一個涉及動畫的函數之後來執行語句，就使用 callback 函數。show("",callback());
});
}
else
{
$("#"+id).hide("slow");
}
}
$( document ).ready(function() {
$( ".box" ).click(function( event ) {
alert( "暫時沒有完善哦" );
event.preventDefault();
});
});
//兩個提示框的實現方法不同哦
</script>
<style>
body{
margin-left:100px;
}
</style>
</head>
<body>
<a οnclick="popDIV('div1');" style="cursor:pointer;width:35px;" ><font color="red";size="18px";>隱形的翅膀</font>（點擊顯示與隱藏）</a>
<br/>
<br/>
<br/>
<br/>
<div id="div1" style="width:250px;">每一次都在徘徊孤單中堅強<br/>
每一次就算很受傷也不閃淚光<br/>
我知道我一直有雙隱形的翅膀<br/>
帶我飛飛過絕望<br/>
不去想他們擁有美麗的太陽<br/>
我看見每天的夕陽也會有變化<br/>
我知道我一直有雙隱形的翅膀<br/>
帶我飛給我希望<br/>
我終於看到所有夢想都開花<br/>
追逐的年輕歌聲多嘹亮<br/>
我終於翱翔用心凝望不害怕<br/>
哪裏會有風就飛多遠吧<br/>
-----------music----------<br/>
不去想他們擁有美麗的太陽<br/>
我看見每天的夕陽也會有變化<br/>
我知道我一直有雙隱形的翅膀<br/>
帶我飛給我希望<br/>
我終於看到所有夢想都開花<br/>
追逐的年輕歌聲多嘹亮<br/>
我終於翱翔用心凝望不害怕<br/>
哪裏會有風就飛多遠吧<br/>
隱形的翅膀讓夢恆久比天長<br/>
留一個願望讓自己想像</div>
<br/>
<a class="box">告訴我你的想法吧~~~</a>
<br/>
</body>
</html>