问jQuery -使用复选框淡入和淡出div
EN

Stack Overflow用户

提问于 2011-04-30 14:53:36

回答 3查看 3.5K关注 0票数 0

我想使用复选框来淡入淡出div，但我不确定如何操作，当您选中复选框时，它将在div中淡入淡出，而当您取消选中复选框时，它将淡出。

我的代码如下：

<input type="checkbox" name="trending" id="trending" />

<div id="trendingdisplay">
    <!-- my div content goes in here -->
</div>

回答已采纳

发布于 2011-04-30 14:57:19

演示：http://jsfiddle.net/jomanlk/WfMCp/1/

这只有一行，您可以使用fadeToggle()方法

$('#trendingdisplay').hide();//hide on load

$('#trending').click(function(){
    $('#trendingdisplay').fadeToggle();
})

票数 4

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/5840141

复制

相似问题

问jQuery -使用复选框淡入和淡出divEN