javascript - 选择#targetElem sibling (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>

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");
    });

});

所以我该怎么做？

最佳答案

您做对了，除了.content不是targetElem的兄弟姐妹，而是孩子：

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