2013-05-02 145 views
0

我从未在此发布过,我希望你能帮助我。我有一个js的功能,点击将切换显示和隐藏段落。但是,我需要将它们嵌套在一起。换句话说:切换打开/关闭JS功能

1)在这里写一些文字//点击打开

2)This text opens upon click //Click to open 

     3)This text opens upon click. 

他们的方式我把它写现在,点击打开1 2了,但点击2关闭一切。我现在只是在学习JS,所以我现在是最好的,所以我希望这里的专业人士能帮助我。这里是我的功能现在看起来像http://pastebin.com/ZUzp1pUJ任何人有任何想法?

+0

你似乎已经加载了那个例子的jQuery,但你没有使用它,它会让你的生活变得更容易。如果你已经加载到你的页面,你应该利用它。 – naththedeveloper 2013-05-02 19:35:43

+0

另外,这里有一点[小提琴](http://jsfiddle.net/VGcZ8/),您可能会觉得有用。 – naththedeveloper 2013-05-02 19:44:27

+0

如果你碰巧在网络上有一个明确的例子,你希望这个切换序列看起来像什么,你也会得到更快的答案。 – blackhawk 2013-05-02 19:49:16

回答

1

我注意到你在你的HTML中包含了jQuery,但你没有在任何地方使用它,我假设你是jQuery的新手,并愿意使用它。

这就是你要做的。

首先,您应该阅读jQuery Reference。这非常有用。

的事情,你需要给予额外的关注是这些:

  • jQuery Selectors - 使用$(” MyClass的),而不是getElementsByClassName方法
  • jQuery Toggle - 或任何它的同伴(的slideToggle,fadeToggle)做你所要求的。
  • 以及至于你的问题 - stopPropagation - 它允许你只触发你点击的切换,并停止事件冒泡通过dom。 (而不是触发它的父母。)

这三个联合应该做的工作。祝你好运。