#con,#con2{
clear:both;
border:1px #0CF solid;
height:200px;
width:200px;
overflow:hidden}
#con div,#con2 div{
height:200px;
width:200px;
display:none}
</style>
</head>
<body>
<!–js方法实现–>
<ul id=”ul1″>
<li>标题一</li>
<li>标题二</li>
<li>标题三</li>
</ul>
<div id=”con”>
<div style=”display:block”>内容一</div>
<div>内容二</div>
<div>内容三</div>
</div>
<!–jquery方法实现–>
<ul id=”ul2″>
<li>标题一</li>
<li>标题二</li>
<li>标题三</li>
</ul>
<div id=”con2″>
<div style=”display:block”>内容一</div>
<div>内容二</div>
<div>内容三</div>
</div>
</body>
</html>
