2013-08-22 18 views
0

嗨,大家好我有2場(1個文本字段,另一個是text_area場)。JQuery的的if/else秀場1和隱藏等領域

如果用戶點擊文本字段時,text_area字段將被隱藏,反之亦然。我應該怎麼做?我試過JQuery:

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

但是這似乎並不奏效。任何1可以幫助我嗎? 以下是接口:enter image description here

回答

2

刪除代碼的ifelse部分:

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

當你使用:

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

。它綁定一個點擊「處理程序「功能的控件;如果用戶單擊控件,該函數將稍後調用。

我可能表明,隱藏在其他的點擊這些領域提供了一個不好的用戶體驗,但因爲如果用戶點擊一個錯誤並隱藏其他的他們不能得到對方回來...

+0

嗨,我沒想到的,但我試圖找出如何隱藏1和1顯示第一><......我打算把文本,使用戶可以點擊文字和msitaken 1將被隱藏後,正確的1將顯示 – BC2

2

應該

$(document).ready(function() { 

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

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

在HTML

<input class"test" value=""> 

<textarea class"test" ></textarea> 

在JS

$(document).ready(function() { 

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

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

重ference

show

hide