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

删除代码中的 if 和 else 部分:

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

当您使用时:

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

...它将单击“处理程序”函数绑定(bind)到控件；如果用户单击该控件，稍后将调用该函数。

我可能会建议，在点击另一个字段时隐藏这些字段会带来糟糕的用户体验，因为如果用户错误地点击一个字段并隐藏另一个字段，他们就无法找回另一个字段......