关于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(){    $("#item").fadeToggle();});

使用Jq函数，前提是要引入jquery库，即jquery.js