sélectionner les frères et sœurs de #targetElem (div class = "content") animer

Question

le code html est

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

le javascript est le code suivant

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

ce que je veux est quand cliquez sur le a href classe de minimiser, la cible de l'href (#targetElem) pas de changement, mais sélectionnez les frères et sœurs #targetElem (div class = "content") animer, bcos je veux les utiliser encore et encore, je ne veux pas ajouter beaucoup de code dans le fichier .js comme le code suivant:

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

}); 

alors comment puis-je faire cela ???

Answer 1

Youre fait droit, sauf que .content est pas un frère du targetElem, mais un enfant: et les enfants

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

Answer 2

frères et soeurs sont tous les éléments au même niveau (frères) ar tous les élément à l'intérieur de l'élément surrent, mais juste une profondeur de niveau (childs direct).

si vous voulez descendre toute la hiérarchie d'un élément que vous devez vous trouver la méthode