Javascript 相同元素的相同函数

我有一个功能，当你点击文本区域时，它会向下滑动一个按钮

但是，我在同一个类的页面上有多个文本区域，问题是如果你点击其中任何一个文本区域，它们都会向下滑动按钮

如何使它只在您单击的textarea元素上向下滑动，而不在其他元素上滑动

下面是我制作的一个快速JSFIDLE：

HTML:

---

必须查找与单击的元素相关的元素

$（此）

是已单击的元素，

同级（）

查找同级元素

---

必须查找与单击的元素相关的元素

$（此）

是已单击的元素，

同级（）

查找同级元素

---

以下代码段选择所有按钮：

 $(".btn-toggle").slideUp();

您应该将其替换为以下内容：

 $(this).siblings(".btn-toggle").slideUp();  

更新
我将用以下几行改写您的脚本：

$(".well").('focus blur', "textarea", function(e){
    $(this) 
        .siblings(".btn-toggle")
            .stop(true, true)
            .slideToggle();
});

---

这样做的好处是，您可以将事件委托给两个目标元素的同一父元素，并且不依赖任何

单击事件处理程序。
以下代码段选择所有按钮：

 $(".btn-toggle").slideUp();

您应该将其替换为以下内容：

 $(this).siblings(".btn-toggle").slideUp();  

更新

我将用以下几行改写您的脚本：

$(".well").('focus blur', "textarea", function(e){
    $(this) 
        .siblings(".btn-toggle")
            .stop(true, true)
            .slideToggle();
});

这样做的好处是，您可以将事件委托给两个目标元素的同一父元素，并且不依赖任何
单击
事件处理程序。
与其依赖类查找，不如使用事件目标：

$("textarea").click(function(evtTarget){
  $(evtTarget.target).parent().find($(".btn-toggle")).slideDown();
});

与其依赖类查找，不如使用事件目标：

$("textarea").click(function(evtTarget){
  $(evtTarget.target).parent().find($(".btn-toggle")).slideDown();
});

完美。谢谢，太快了。我会在可能的时候（12分钟）将你的回答标记为已解决。太好了。谢谢，太快了。我会在可能的时候（12分钟）将你的回答标记为已解决。