2011-07-04 8 views
1

私は最初のアイコンをクリックすると2つのアイコンがあります。ウェブサイトのどこかにテキストの束を表示したいのですが、2番目のアイコンをクリックすると1番目のアイコンからテキストが自動的に消えます。おかげさまで シンプルなjqueryトリガヘルプ

+2

そして、何が問題ですか?何が問題になっていますか?何を試しましたか? [尋ねる]を見てください。 –

答えて

0

(アイコン名は1stIcon2ndIconある)あなたはこのような何か行うことができます:

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

0

2つのアイコンがあり、テキストをMyDivに挿入/削除したいとします。

アイコン上でクリックイベントをバインドしています。

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

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

}); 
+0

これを動作させるには、.val()の代わりに.text()を使用する必要があります。手紙から始まるidsも違法です。 – Litek

+0

私はLitekに同意しました。 –

関連する問題