关于JQUERY中的hide()和show()

Question

因为对JQ和JS不熟悉，所以不知道如何实现渐隐或一个过渡的效果。我做的是隐藏显示DIV标签的代码。
<script>
jQuery(function () {
jQuery('#ullist li').hover(
function () { jQuery('.d1', this).hide();jQuery('.d2', this).show(); },
function () { jQuery('.d2', this).hide(); jQuery('.d1', this).show(); }
)

jQuery('#ullist li').hover(
function () { jQuery('.d1', this).hide(); jQuery('.d2', this).show(); },
function () { jQuery('.d2', this).hide(); jQuery('.d1', this).show(); }
)
});
</script>
<ul id="ullist">
<li>
<div class="d1">D1DIV里的内容</div>

<div class="d2">D2DIV里的内容</div>
</li>
</ul>

不是鼠标移动到D1上去后，显示D2，隐藏D1，然后从D2上移开鼠标隐藏D2显示D1。
现在就想做个渐隐的效果，请问如何能够做到？先谢谢了！~

Answer 1

把show换成fadeOut，hide换成fadeIn就行了像这样1234<div&nbsp;id="被隐藏的div">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="d1">D1DIV里的内容</div>&nbsp;&nbsp;&nbsp;&nbsp;<div&nbsp;class="d2">D2DIV里的内容</div></div>只需要隐藏id为”被隐藏的div“就行了&nbsp;

Answer 2