切换打开/关闭JS功能

时间:2013-05-02 19:31:56

标签: javascript

我以前从未在这里发帖,我希望你能帮助我。我有一个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任何人都有任何想法?

1 个答案:

答案 0 :(得分:1)

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

这是你做的。

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

您需要特别注意的事项是:

  • jQuery Selectors - 使用$('。myClass')代替getElementsByClassName
  • jQuery Toggle - 或其任何同伴(slideToggle,fadeToggle)完全按照您的要求进行操作。
  • 以及关于你的问题 - stopPropagation - 它允许你只触发你点击的切换并阻止事件通过dom冒泡。 (而不是触发它的父母。)

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