html页面上 触发一个事件，在这个事件位置的下方显示一个div，，求代码

 
 
 
 
 
*{margin:0;padding:0;border:0;} 
body { 
font-family: arial, 宋体, serif; font-size:12px; 
} 
#nav { 
line-height: 24px; list-style-type: none; background:#666; 
} 
#nav a { 
display: block; width: 80px; text-align:center; 
} 
#nav a:link { 
color:#666; text-decoration:none; 
} 
#nav a:visited { 
color:#666;text-decoration:none; 
} 
#nav a:hover { 
color:#FFF;text-decoration:none;font-weight:bold; 
} 
#nav li { 
float: left; width: 80px; background:#CCC; 
} 
#nav li a:hover{ 
background:#999; 
} 
#nav li ul { 
line-height: 27px; list-style-type: none;text-align:left; 
left: -999em; width: 180px; position: absolute; 
} 
#nav li ul li{ 
float: left; width: 180px; 
background: #F6F6F6; 
} 
#nav li ul a{ 
display: block; width: 156px;text-align:left;padding-left:24px; 
} 
#nav li ul a:link { 
color:#666; text-decoration:none; 
} 
#nav li ul a:visited { 
color:#666;text-decoration:none; 
} 
#nav li ul a:hover { 
color:#F3F3F3;text-decoration:none;font-weight:normal; 
} 
#nav li:hover ul { 
left: auto; 
} 
#nav li.sfhover ul { 
left: auto; 
} 
#content { 
clear: left; 
} 
 


 
 
 
 
产品介绍 
 
产品一
 
产品二
 
产品三
 
产品四
 
产品五
 
产品六
 
 
 
服务介绍 
 
服务一
 
服务二
 
服务三
 
服务二服务二
 
服务二服务二服务二
 
 
 
成功案例 
 
案例一
 
案例二
 
案例三案例三
 
案例三案例三案例三
 
 
 
关于我们 
 
我们一
 
我们二
 
我们三
 
我们四我们四我们四我们四
 
 
 
 
在线演示 
 
演示
 
演示演示演示
 
演示演示演示
 
演示演示
 
演示演示演示
 
演示演示演示演示演示
 
 
 
联系我们 
 
联系联系联系联系联系
 
联系联系联系
 
联系
 
联系联系
 
联系联系联系
 
联系联系联系
 
 
 
 
 

看下这个是不是

$(当前事件id或者class).事件(function(){
if($(this).next().is(":hidden")){$(this).next().show();}
})