使用一个按钮在JQuery中打开/关闭的问题

Question

大家好，我正在尝试创建一个按钮，该按钮将根据第一次单击是否会打开和关闭-如果第二次打开则会关闭和重置。

这是我到目前为止的代码-它只会打开而不会关闭：

var val;
$(".confirmed").click(function(){
    if (val == 1){
        hide(); 
    }
    val = 1;
    $(".confirmedtable").show();
    $(".searchconfirmed").show();
});

function hide(){

            $(".confirmedtable").hide();
            $(".searchconfirmed").hide();
            val = 0;

}

谢谢

Answer 1

您可以只在jquery中使用toggle（）函数来执行此操作。 请参阅： http ： //api.jquery.com/toggle/

$('#button').click(function() {
    $('#div_to_show_hide').toggle('slow', function() {
        // Animation complete.
    });
});

如果当前处于隐藏状态，则切换按钮将显示一个元素；如果当前处于显示状态，则将隐藏一个元素。

Answer 2

$(".confirmed").click(function(){
    $(".confirmedtable, .searchconfirmed").toggle();
});

小提琴

Answer 3

作为基于toggle()的答案的替代方法：

$('.confirmed').click(function(){
    $('.confirmedtable, .searchconfirmed')[$('.confirmedtable').is(':visible') ? 'hide' : 'show']();
});

JS小提琴演示 。

但是，充其量不过是一个替代方案。 toggle()方法更加简洁。