JavaScript 闭包实现内容显隐交互

HTML结构与脚本引入说明

<!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>

外部脚本执行注意事项

注意：若需引入外部JavaScript文件，必须刷新页面后方可执行相关脚本。