Javascript JQuery动态切换命名对象

目前，我有一个分区框的分层列表，每个分区框都有一个标题。在每个标题的开头都有一个

-

符号，单击该符号时会隐藏或显示javascript中该div下分层的所有内容，并带有链接

我的问题是我想把它改成JQuery，但不知道从哪里开始。我在页面上运行了jquery，就像我在

$（document）.ready（function（）{alert（“fubar”）；}）中所做的那样和它的警报正确，但我不知道从那里去

-
符号上的链接当前有一个onclick函数
ShowHideStuff（ChildrenOf[IDValue]）
，然后它隐藏/显示的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";
    }
}

您想使用jQuery执行同样的操作吗

试试这个：

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

我建议您先看看jQuery文档，它们的出现是有原因的


但对于您的问题，您需要为每个“-”符号指定一个选择器，它可能看起来像
$（'.减号'）
。它选择任何带有
class='减号'
（必须将减号类添加到每个'-'元素中）的元素

代码将是：

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