Javascript 选择“targetElem同级（div class=”content“）动画

html是

<a class="minimize" href="#targetElem" >Min</a>
<div id="targetElem">
<p class="handler"></p>
  <div class="content">
  content area
  </div>
</div>

我想要的是，当单击a href类minimize时，href（#targetElem）的目标没有变化，但选择#targetElem兄弟（div class=“content”）动画，BCO我想反复使用它们，我不想像下面的代码那样向.js文件添加大量代码：

$(document).ready(function(){ 
    $('a.minimize').click(function() {
    $('#targetElem').siblings(".content").slideToggle("slow");
    });
    $('a.minimize1').click(function() {  
    $('#targetElem1').siblings(".content").slideToggle("slow");
    });  
    $('a.minimize2').click(function() {    
    $('#targetElem2').siblings(".content").slideToggle("slow");
    });  
    $('a.minimize3').click(function() {    
    $('#targetElem3').siblings(".content").slideToggle("slow");
    });  

});

---

那么我该怎么做呢？

你做得很对，除了这个。内容不是targetElem的兄弟，而是一个孩子：

$(document).ready(function(){ 
    $('a.minimize').click(function() {
      $($(this).attr('href')).children(".content").slideToggle("slow");
    });
});

---

除此之外，你做得对。内容不是targetElem的兄弟姐妹，而是孩子：

$(document).ready(function(){ 
    $('a.minimize').click(function() {
      $($(this).attr('href')).children(".content").slideToggle("slow");
    });
});

---

兄弟是同一级别的所有元素（兄弟），子元素是超现实元素中的所有元素，但只有一个级别深度（直接子元素）

---

如果你想深入元素的所有层次结构，你必须使用find方法，同级元素都在同一级别（兄弟），子元素是超现实元素中的所有元素，但只有一个级别深度（直接子元素）

---

如果你想查看元素的所有层次结构，你必须使用find方法

非常感谢。非常感谢，但是如何查看我应该使用的选择器，兄弟姐妹和孩子，我不理解这一点在firebug中很容易看到，只看HTML你就可以看到。内容放在#targetElem里面。非常感谢。非常感谢，但是如何看到我应该使用什么选择器，兄弟姐妹和孩子们，我不明白这一点。在firebug中很容易看到，只看HTML你就可以看到。内容放在#targetElem里面。