javascript - 选择 #targetElem sibling (div class ="content")动画

Question

html 是

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

JavaScript 是以下代码

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

我想要的是，当单击a href类最小化时，href的目标(#targetElem)没有变化，但选择#targetElem兄弟(div class =“content”)动画，因为我想使用它们一遍又一遍，我不想向 .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");
    });  

});

那么我该怎么做呢？？？

Answer 1

你做得对，除了 .content 不是 targetElem 的兄弟，而是一个 child :

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