選擇#targetElem兄弟姐妹（DIV CLASS = 「內容」）動畫

的HTML是選擇#targetElem兄弟姐妹（DIV CLASS = 「內容」）動畫

<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」）動畫，bcos我想反覆使用它們，我不想添加很多的代碼添加到.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"); 
    }); 

});

那麼我該怎麼做？

來源

2010-02-08 user267595

youre做不錯，只不過。內容是不是同級的targetElem，但孩子：

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

來源

2010-02-08 16:13:39 David

許多thanks.thank你一個元素的所有層次結構，但怎麼看我應該用什麼選擇，兄弟姐妹和子女

，我不不明白 – user267595 2010-02-08 16:18:30

在firebug中很容易看到，只要看看HTML就可以看到.content置於#targetElem中。 – David 2010-02-08 16:23:01

但是爲什麼以及如何使用兄弟姐妹兄弟姐妹代表什麼？ – user267595 2010-02-08 16:24:06

兄弟姐妹都在同一級別的所有元素（兄弟），和孩子AR所有元素內的元素，但只有一個級別的深度（直接孩子）。如果你很想下去，你必須你find方法

來源

2010-02-08 17:32:42 TeKapa

選擇#targetElem兄弟姐妹（DIV CLASS = 「內容」）動畫

回答

相關問題