Question

我有以下html代码，下面有5个textarea和5个按钮。我想要的是仅在单击文本区域时显示按钮。就像这样：

Textarea1（点击） - ＆gt; show button1
Textarea2（点击 - ＆gt;显示button2和（隐藏）button1

我试过跟随jQuery：

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

当点击textarea时，这样做是在textarea下面显示按钮。我想要的是在单击第二个文本区域时隐藏该按钮。我试过这段代码：

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

这不起作用，因为当我走出文本区域时它一起隐藏按钮。任何人都可以帮我解决这个问题吗？

Answer 1

每次都可以先隐藏所有其他按钮：

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

单击textarea2时，jQuery隐藏textarea1下面的按钮。

1 个答案: