JQuery If / Else显示1个字段并隐藏其他字段

Question

大家好我有2个字段（1个文本字段，另一个是text_area字段）。

如果用户单击文本字段，则会隐藏text_area字段，反之亦然。我该怎么办？我试过JQuery：

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

但这似乎不起作用。可以帮我吗？ 以下是界面：

Answer 1

应该是

$(document).ready(function() {

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

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

Answer 2

删除代码的if和else部分：

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

使用时：

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

...它将点击“处理程序”功能绑定到控件;如果用户点击控件，该函数将在稍后调用。

我可能会建议在点击其他字段时隐藏这些字段会提供较差的用户体验，因为如果用户错误地点击了一个并隐藏了另一个，则他们无法让其他人回来......

Answer 3

in html

<input class"test" value="">

<textarea class"test" ></textarea>

JS中的

$(document).ready(function() {

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

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

参考

show

hide