jQueryは、textarea2がクリックされたときにtextarea1の下にボタンを隠します。

Question

私はそれらの下に5つのtextareaと5つのボタンを持つ次のhtmlコードを持っています。私がしたいのは、テキスト領域がクリックされたときだけボタンを表示することです。それはこのようなものです：

• Textarea1（クリック） - jQueryの次>ショーbutton2をと（非表示）ボタン1

は、私が試した - >ショーボタン1

Textarea2を（クリック：

$('.questionRespond textarea').focus(function(){ 
     $(this).closest('.questionRespond').find('.questionRespondTools').show(); 
}) 

テキストエリアをクリックすると、テキストエリアの下にボタンが表示されます。2番目のテキストエリアをクリックすると、そのボタンを非表示にしています。

$('.questionRespond textarea').blur(function(){ 
     $(this).closest('.questionRespond').find('.questionRespondTools').hide(); 
}) 

これは、テキストエリアの外に出たときにボタンがすべて非表示になるため、機能しません。 誰でもこの方法を教えてもらえますか？

Answer 1

最初たびに他のすべてのボタンを隠すことができます：

$('.questionRespond textarea').focus(function(){ 
     $('.questionRespondTools').hide(); 
     $(this).closest('.questionRespond').find('.questionRespondTools').show(); 
})