HTML阶段
<ul class="list">
<li>
<span id="title">金</span>
<div class="conts">五行元素金</div>
</li>
<li>
<span id="title">木</span>
<div class="conts">五行元素木</div>
</li>
<li>
<span id="title">水</span>
<div class="conts">五行元素水</div>
</li>
<li>
<span id="title">火</span>
<div class="conts">五行元素火</div>
</li>
<li>
<span id="title">土</span>
<div class="conts">五行元素土</div>
</li>
</ul>
JQ代码段
$(function(){
$("li").click(function(){
$(this).children(".conts").show();
$(this).siblings().children(".conts").hide();
})
})
