简单的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(''); 
    }); 

});