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

Answer 2

我可以建议首先看看一些jQuery文档，它们是有原因的。

http://docs.jquery.com/Main_Page

但是对于您的问题，您需要为每个' - '符号设置一个选择器，它可能看起来像$('.minus')。选择具有class='minus'的任何元素（您必须将减号类添加到每个' - '元素。

代码将是：

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

JQuery切换动态命名对象

2 个答案: