Jquery 关闭父对象的父对象的子对象

你好，我有一个像这样的HTML代码

<div id="top">
  <div class="panel">
    <h1>toppanel</h1>
    <p>Content from toppanel</p>
  </div>
  <div class="panelholder" id="ptop">
    <a class="open" href="#">open</a>
    <a class="close" href="#">close</a>
  </div>
</div>

// Expand Panel
$(".open").click(function(){
    $(#######).slideDown("slow");   
}); 

我的问题是，如果我想在课堂上滑下div，我必须为$写些什么

$(".open").click(function(){
    $(this).parent('div.panel').slideDown("slow");   
});

这将找到带有panel类的open按钮的父级，并将其向下滑动，这样您就不必担心id或其他问题，只需将open链接放在面板中即可

// Expand Panel
$(".open").click(function(){
    $(this).parent().siblings('.panel').slideDown("slow");
});

您应该阅读上的API文档

或

---

编辑为更简单的解决方案

$(this).parent().siblings(".panel")

---

请查看上的文档。

最近的同事也检查兄弟姐妹吗？'。面板“不是“.open”的父级。但是，面板是“.open”父级的同级。这就是我的代码所做的。当我看到它时，您使用的是

最近的（'div.panel'）

Erm，我还没有编辑我的答案，也不会使用

div.panel

，因为我通常将选择器标记为不可知。奇怪。不知怎的，我的评论附在了错误的答案上。改变它，这一个更好！

$(this).parent().prev().slideDown("slow");

$(this).parent().siblings(".panel")