簡單的jQuery觸發幫助

Question

我有兩個圖標，當我點擊第一個圖標時，我想在網站上某處出現一些文本，當我點擊第二個圖標時，第一個圖標會自動消失。 謝謝。

Answer 1

你可以做這樣的事情：

<img src="http://img.vmessages.com/icon/dogs/61.gif" id="show" /> 
<img src="http://img.vmessages.com/icon/dogs/65.gif" id="hide" /> 
<div id="textDiv">This is the div with some text</div> 

$('#textDiv').hide(); 

$('img#show').click(function(){ 
    $('#textDiv').show();  
}); 

$('img#hide').click(function(){ 
    $('#textDiv').hide();  
}); 

http://jsfiddle.net/jasongennaro/AQgv8/

Answer 2

讓我們假設你有2個圖標，你想插入/刪除MyDiv上的文字。

所以我們綁定圖標上的點擊事件。 （圖標名稱1stIcon，2ndIcon）

$(document).ready(function(){ 
    // First Icon Click 
    $('#1stIcon').bind('click', function(){ 
    $('#MyDiv').val('SOME TEXT'); 
    }); 

    // Second Icon Click  
    $('#2ndIcon').bind('click', function(){ 
    $('#MyDiv').val(''); 
    }); 

});