请问jquery 控件显示div

请教jquery 控件显示div
有三个ul里有三个li 每个li控件一个图层显示

如下代码实现不了：为什么呢？

<ul id="ul001">
<li id="li001">000</li>
<li id="li002">000</li>
<li id="li003">000</li>
</ul>

<div id="001"></div>
<div id="002"></div>
<div id="003"></div>

<script type="text/javascript">
$(document).ready(function () {
$("#li001").click(function(){
$("#001").show();
$("#002").hide();
$("#003").hide();
});

$("#li002").click(function(){
$("#002").show();
$("#001").hide();
$("#003").hide();
});

$("#li003").click(function(){
$("#003").show();
$("#002").hide();
$("#001").hide();
});

})

[解决办法]

HTML code

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;    &lt;title&gt;&lt;/title&gt;    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;ul id="ul001"&gt;  &lt;li id="li001"&gt;000&lt;/li&gt;  &lt;li id="li002"&gt;000&lt;/li&gt;  &lt;li id="li003"&gt;000&lt;/li&gt;&lt;/ul&gt;&lt;div id="001" style=' background:red;width:50px; height:50px; display:none;'&gt;&lt;/div&gt;&lt;div id="002" style=' background:blue;width:50px; height:50px;display:none;'&gt;&lt;/div&gt;&lt;div id="003" style=' background:yellow;width:50px; height:50px;display:none;'&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;    $(document).ready(function () {        $("#li001").click(function () {            $("#001").show();            $("#002").hide();            $("#003").hide();        });        $("#li002").click(function () {            $("#002").show();            $("#001").hide();            $("#003").hide();        });        $("#li003").click(function () {            $("#003").show();            $("#002").hide();            $("#001").hide();        });    })    &lt;/script&gt;&lt;/body&gt;&lt;/html&gt;

请问jquery 控件显示div

热点推荐