javascript - 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

在 HTML 中

<input class"test" value="">

<textarea class"test" ></textarea>

在 JS 中

$(document).ready(function() {

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

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

参考

显示

隐藏