在JQuery中使用一个按钮打开/关闭的问题
在JQuery中使用一个按钮打开/关闭的问题
提问于 2013-02-12 03:40:43
嘿，伙计们，我正在试着做一个按钮，它将打开和关闭的基础上，如果它是第一次点击-它打开，如果第二次-它关闭和重置。
这是我到目前为止的代码-它只会打开，不会关闭：
var val;
$(".confirmed").click(function(){
if (val == 1){
hide();
}
val = 1;
$(".confirmedtable").show();
$(".searchconfirmed").show();
});
function hide(){
$(".confirmedtable").hide();
$(".searchconfirmed").hide();
val = 0;
}谢谢
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-02-12 03:42:47
$(".confirmed").click(function(){
$(".confirmedtable, .searchconfirmed").toggle();
});Stack Overflow用户
发布于 2013-02-12 03:42:23
您只需使用jquery中的toggle()函数即可完成此操作。请参阅：http://api.jquery.com/toggle/
$('#button').click(function() {
$('#div_to_show_hide').toggle('slow', function() {
// Animation complete.
});
});如果元素当前处于隐藏状态，则该切换将显示该元素；如果该元素当前处于显示状态，则将其隐藏。
Stack Overflow用户
发布于 2013-02-12 03:45:49
作为基于toggle()的答案的替代方案：
$('.confirmed').click(function(){
$('.confirmedtable, .searchconfirmed')[$('.confirmedtable').is(':visible') ? 'hide' : 'show']();
});JS Fiddle demo。
不过，它充其量只是一种替代方法；toggle()方法更简洁。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/14819578
复制相关文章
相似问题
腾讯云开发者
