循环单击功能以显示和隐藏div
循环单击功能以显示和隐藏div
提问于 2014-02-20 05:23:21
循环下面的点击函数最简单的方法是什么？
$('#botao-expandir').click(function () {
$('#clipping-content').show();
$(this).text('Reduzir');
$(this).addClass('botao-reduzir');
$('.botao-reduzir').click(function () {
$('#clipping-content').hide();
$(this).text('Expandir');
$(this).removeClass('botao-reduzir');
});
});回答 2
Stack Overflow用户
发布于 2014-02-20 05:29:30
我觉得你可能有点想多了。我不知道你是否正在尝试做动画，但切换功能是你正在寻找的。
试试这个：
$('#botao-expandir').click(function(){
$('#clipping-content').slideToggle();
});试一试吧！
更新(完成相同任务的另一种方式)：
<script>
.botao-hide {
display:none;
visibility:hidden;
}
</script>
$('#botao-expandir').click(function(){
$('#clipping-content').toggleClass("botao-hide");
});Stack Overflow用户
发布于 2014-02-20 05:31:15
对于无限循环，可以使用setInterval函数，如下所示；
function fooloop() {
$('#botao-expandir').click(function () {
$('#clipping-content').show();
$(this).text('Reduzir');
$(this).addClass('botao-reduzir');
$('.botao-reduzir').click(function () {
$('#clipping-content').hide();
$(this).text('Expandir');
$(this).removeClass('botao-reduzir');
});
});
}
setInterval(fooloop, 2000);编辑:好的，我看到更新的评论，然后建议你使用切换功能！
$('#botao-expandir').click(function(){
$('#clipping-content').slideToggle();
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/21892731
复制相关文章
相似问题
腾讯云开发者
