某些文字和控件只是想在点击后才显示或隐藏，那么就要用到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>