select the #targetElem siblings(div class="content") animate
<p>the html is</p>

<pre><code>&lt;a class="minimize" href="#targetElem" &gt;Min&lt;/a&gt;
&lt;div id="targetElem"&gt;
&lt;p class="handler"&gt;&lt;/p&gt;
  &lt;div class="content"&gt;
  content area
  &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>the javascript is the following code</p>

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

<p>what i want is when click on the a href class minimize , the target of the href (#targetElem)no change, but select the #targetElem siblings(div class="content") animate, bcos i want to use them over and over,i don't want to add a lot of code to the .js file like the following code:</p>

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

});
</code></pre>

<p>so how can i do this???</p>
