0

こんにちは、初めてクリックした場合に基づいて開閉するボタンを作成しようとしています-2回目に開いた場合-閉じてリセットします。

これが私がこれまでに持っている私のコードです-それは開くだけで閉じません:

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

function hide(){

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

}

ありがとう

4

3 に答える 3

2

これを行うには、jquery で toggle() 関数を使用するだけです。参照: http://api.jquery.com/toggle/

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

トグルは、現在非表示の要素を表示し、現在表示されている要素を非表示にします。

于 2013-02-11T19:42:23.140 に答える
1

toggle()ベースの回答の代替として：

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

JS フィドルのデモ。

ただし、これはせいぜい単なる代替手段にすぎません。toggle()アプローチはより簡潔です。

于 2013-02-11T19:45:49.177 に答える
1 
$(".confirmed").click(function(){
    $(".confirmedtable, .searchconfirmed").toggle();
});

フィドル

于 2013-02-11T19:42:46.990 に答える