关于Jquery的show()和hide()的问题？

Question

Jquery的show()和hide()的问题 目前是鼠标移入li则显示DIV，移除则隐藏，怎样加个过渡动画让它渐渐显隐？

RT，代码如下：<style>#item{display:none}</style><scripttype="text/javascript">functionshow(obj){varXS=document.getElementById(obj);XS.style.display="block";}functionhide(...  RT，代码如下：
<style>
#item{display:none}
</style>

<script type="text/javascript">
function show(obj){
 var XS = document.getElementById(obj);
     XS.style.display ="block";
}
function hide(obj){
 var YC = document.getElementById(obj);
     YC.style.display = "none";
}
</script>

<div id="one" onmouseover="show('item')" onmouseout="hide('item')">普通DIV</div>
<ul id="item">
   <li>隐藏DIV0</li>
   <li>隐藏DIV1</li>
</ul>
上面说错了 不是移入li，是鼠标移入id为one的DIV则显示UL  

Answer 1

jq有自带的显示隐藏函数，不用自定义，可以使用fadeToggle()函数实现淡入淡出效果。如：123$("#one").hover(function(){&nbsp;&nbsp;&nbsp;&nbsp;$("#item").fadeToggle();});使用Jq函数，前提是要引入jquery库，即jquery.js