Question

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

因为对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

关于JQUERY中的hide()和show()说明如下：

1、jquery中show()是显示出隐藏的元素。

比如有如下代码：

$(".btn2").click(function(){
 $("p").show();
});

点击按钮2的时候，文字就显示出来了。

2、jquery中hide()是隐藏当前显示的元素。

$(".btn1").click(function(){

  $("p").hide();

  });

点击按钮1的时候，文字就隐藏了。

Answer 2

把show换成fadeOut，hide换成fadeIn就行了

追问

感谢你的回答，但按照您说的，不行，我是把两个叠在一起的，按您的方法之后，上面渐隐下面又渐隐了一遍，- -。

追答

把它们都放到一个div里面，只需要隐藏这一个div不行吗？

像这样

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

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

追问

因为是正反面的两个内容，放一个DIV里不好控制了。

追答

没明白你的意思！

追问

就是在里的D1和D2，D1是正面内容，D2是反面内容，两个面叠在一起然后鼠标移动D1上面去D1隐藏，D2出现，然后移开D2隐藏，D1出现，只是想在这种切换上有个效果。这样说您明白了么？

Answer 3

在hide()和show()方法里面传一个数 比如hide(1000)实现渐隐

Answer 4