Jquery 悬停时显示/隐藏特定Div，鼠标悬停时隐藏Div

我必须在单击兄弟节点上的按钮时执行隐藏和显示div的操作

但是，该行动也在其他部门进行。你可以在下面的链接中看到它

这是小提琴（）

我用的剧本

    $(".panel").hide();
    $(".two").hide();

    $(document).ready(function(){
      $(".slidedown").click(function(){
        $(".panel").slideDown("slow");
        $(".one").hide();
        $(".two").show();
      });
      $(".slideup").click(function(){
        $(".panel").slideUp("slow");
        $(".two").hide();
        $(".one").show();
      });
    });

我需要的输出是

操作必须针对单独的箱子，而不是一次针对所有箱子。 （即，单击“添加”按钮时，橙色框显示在所有黑框中，而不是仅显示一个框。）

当鼠标离开黑框时，类（一）隐藏，而（中间文本）显示。但是，在单击add和cancel并将鼠标移出后，类（one）并没有隐藏

---

您需要的是识别给定产品的容器。像这样的

  $(".slidedown").click(function(event){
      var $productContainer = $(event.target).closest('.sep-prod'); 
    $productContainer.find(".panel").slideDown("slow");
    $productContainer.find(".one").hide();
    $productContainer.find(".two").show();
  });
  $(".slideup").click(function(){
      var $productContainer = $(event.target).closest('.sep-prod'); 
    $productContainer.find(".panel").slideUp("slow");
    $productContainer.find(".two").hide();
    $productContainer.find(".one").show();
  });
});

---

我为你做了一把小提琴：

通过使用jqueryeach函数，您可以将hide/show仅应用于当前悬停的元素。 在click函数中，您可以使用

$（this）.parents（）.eq（1）

通过两个父级向上遍历dom，然后找到该父级具有类“.panel”的子级

$（this.parents（）.eq（1）.find（“.one”）.hide（）

如果要在悬停后滑动.panel，则可以执行以下操作：
首先找到当前按钮的封装产品，var$container=$tab.closest（“.sep prod”）；然后对其var$contents=$container.find（“[data content]”）下的元素执行操作；这对你有帮助。你能用我做的小提琴演奏吗？我已经更新了你的小提琴。请查收。如果小提琴反射不好，请告诉我。如果你的链接不起作用，兄弟！你只是错过了隐藏的部分。但是，这就是我需要的。谢谢你的努力，兄弟！jsfiddle.net/NKC2j/1782是我需要的解决方案。
$(".sep-prod").each(function(){
    $(".one,.two,.panel").hide();
        $(this).hover(function(){
            $(this).find(".middle-desc").hide();
            $(this).find(".one").show();
        },function(){
            $(this).find(".one,.two,.panel").hide();
            $(this).find(".middle-desc").show();
    });  
});

$(".slidedown").click(function(){
      $(this).parents().eq(1).find(".one").hide();
      $(this).parents().eq(1).find(".two").show();
      $(this).parents().eq(1).children(".panel").slideDown("slow");
});