javascript - JQuery 切换动态命名对象

Question

目前我有一个 div 框的分层列表，每个框都有一个标题。每个标题的开头都有一个 - 符号，单击该符号会隐藏或显示 javascript 中该 div 下分层的所有内容，并带有链接。

我的问题是我想将其更改为 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();
}