jQuery -使用复选框淡入和淡出div
jQuery -使用复选框淡入和淡出div
提问于 2011-04-30 14:53:36
我想使用复选框来淡入淡出div，但我不确定如何操作，当您选中复选框时，它将在div中淡入淡出，而当您取消选中复选框时，它将淡出。
我的代码如下：
<input type="checkbox" name="trending" id="trending" />
<div id="trendingdisplay">
<!-- my div content goes in here -->
</div>回答 3
Stack Overflow用户
回答已采纳
发布于 2011-04-30 14:57:19
演示：http://jsfiddle.net/jomanlk/WfMCp/1/
这只有一行，您可以使用fadeToggle()方法
$('#trendingdisplay').hide();//hide on load
$('#trending').click(function(){
$('#trendingdisplay').fadeToggle();
})Stack Overflow用户
发布于 2011-04-30 14:56:49
您可以使用.toggle()方法：
$('#trending').click(function() {
$('#trendingdisplay').toggle('slow');
});Live demo。
Stack Overflow用户
发布于 2011-04-30 15:00:31
$('#trending').click(function(){
if($('#trending').is(':checked')) {
$('#trendingdisplay').fadeIn('slow');
} else {
$('#trendingdisplay').fadeOut('slow');
}
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5840141
复制相关文章
相似问题
腾讯云开发者
