关于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就行了

像这样

1 2 3 4

<div id="被隐藏的div">      <div class="d1">D1DIV里的内容</div>     <div class="d2">D2DIV里的内容</div> </div>

只需要隐藏id为”被隐藏的div“就行了

 

Answer 2