javascript 闭包函数做显隐内容

224 阅读 0 评论 148 点赞

我是靠谱客的博主标致薯片，这篇文章主要介绍javascript 闭包函数做显隐内容，现在分享给大家，希望可以做个参考。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> 
<HTML> 
<HEAD> 
<TITLE> New Document </TITLE> 
<META NAME="Generator" CONTENT="EditPlus"> 
<META NAME="Author" CONTENT=""> 
<META NAME="Keywords" CONTENT=""> 
<META NAME="Description" CONTENT=""> 
<style type='text/css'> 
.a{ 
width:200px; 
font-size:12px; 
font-weight:bold; 
height:30px; 
line-height:30px; 
background:url(/images/default/header_bg.gif); 
margin-top:5px; 
} 
.a a{ text-Decoration:none;} 
.aa{ 
width:200px; 
height:100px; 
border:3px groove #91D2FF; 
display:none; 
} 
</style> 
</HEAD>

<BODY> 
<div id="a" title="a1" class='a' > 
+ 点击显示

</div> 
<div id="a1" class='aa' style='display:block'> 
爱无忧，我的偶象是果果
 
爱无忧，我的偶象是果果
 
</div> 
<div id="b" title="b1" class='a' > 
+ 点击显示  
</div> 
<div id="b1" class='aa'> 
爱无忧，果果我崇拜你
 
爱无忧，果果我崇拜你
 
</div> 
<div id="c" title="c1" class='a' > 
+ 点击显示  
</div> 
<div id="c1" class='aa'> 
爱无忧，每天关注偶象果果
 
爱无忧，每天关注偶象果果
 
</div> 
<div id="d" title="d1" class='a' > 
+ 点击显示  
</div> 
<div id="d1" class='aa'> 
爱无忧，爱果果
 
爱无忧，爱果果
 
</div> 
 
</BODY> 
</HTML>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]