0

こんにちは、私は 2 つのフィールド (1 つのテキスト フィールド、もう 1 つは text_area フィールド) を持っています。

ユーザーがテキスト フィールドをクリックすると、text_area フィールドが非表示になり、その逆も同様です。どうすればいいですか？私はJQueryを試しました：

$(document).ready(function(){
                 if($("#accession_number").click(function() 
                      {
                        $("#FASTA").hide();
                      })
                 );
                 else if($("#FASTA").click(function()
                      {
                        $("#accession_number").hide();
                      })
                    );
            });

しかし、これはうまくいかないようです。誰でも私を助けることができますか？インターフェースは次のとおりです。ここに画像の説明を入力

4

3 に答える 3

2

そのはず

$(document).ready(function() {

    $("#accession_number").click(function() {
        $("#FASTA").hide();
    })

    $("#FASTA").click(function() {
        $("#accession_number").hide();
    })
});
于 2013-08-22T12:08:40.553 に答える
2

ifコードのandの部分を削除しelseます。

$(document).ready(function () {
    $("#accession_number").click(function () {
        $("#FASTA").hide();
    });
    $("#FASTA").click(function () {
        $("#accession_number").hide();
    });
});

使用する場合:

$("#accession_number").click(function ...

...クリックの「ハンドラー」関数をコントロールにバインドします。ユーザーがコントロールをクリックすると、その関数が後で呼び出されます。

ユーザーが誤って一方をクリックしてもう一方を非表示にすると、もう一方を取り戻すことができないため、他のフィールドをクリックしてこれらのフィールドを非表示にすると、ユーザーエクスペリエンスが低下することをお勧めします...

于 2013-08-22T12:09:33.323 に答える
0

htmlで

<input class"test" value="">

<textarea class"test" ></textarea>

JSで

$(document).ready(function() {

    $(".test").click(function(){

$(".test").hide();
$(this).show();
});
});

参照

見せる

隠れる

于 2013-08-22T12:11:51.273 に答える