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]); 
});