JQuery切換動態命名對象

Question

目前我有一個分級列表的div框，每個都有一個標題。在每個標題的開頭有一個-的標誌，當點擊時隱藏或顯示在div中的所有東西在javascript中鏈接。

我的問題是我想改變它到JQuery，但不知道從哪裏開始。我已經在頁面上運行了jquery，因爲我已經完成了$(document).ready(function(){alert("fubar");});，並且它可以正確提醒，但我不知道該從哪裏去。

-符號上的鏈接當前具有ShowHideStuff(ChildrenOf[IDValue])的onclick函數，然後它隱藏/顯示的div盒被稱爲ChildrenOf[IDValue]。

這裏是JavaScript我目前使用：

function ShowHideStuff(id){ 
    if(document.getElementById(id).style.display == "block"){ 
     document.getElementById(id).style.display = "none"; 
    }else{ 
     document.getElementById(id).style.display = "block"; 
    } 
} 

Answer 1

你想要做使用jQuery一樣嗎？

試試這個：

function ShowHideStuff(id){ 
    $('#'+id).toggle(); 
} 

Answer 2

可我建議可以先看看我們的一些jQuery的文檔中，他們是有原因的。

http://docs.jquery.com/Main_Page

但對於你的問題，你需要爲每一個選擇「 - 」符號，這可能看起來像這樣$('.minus')。 。其中選擇具有class='minus'任何元素（你就必須負類添加到每個「 - 」元素

的代碼將被：

$('.minus').click(function(){ 
    ShowHideStuff(ChildrenOf[IDValue]); 
});