javascript - 切换打开/关闭 JS 功能

Question

我以前从来没有在这里发过帖子，我希望你能帮助我。我有一个 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有人有任何想法吗？

Answer 1

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

这就是你要做的。

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

您需要特别注意的事情是：

• jQuery 选择器- 使用 $('.myClass') 而不是 getElementsByClassName
• jQuery Toggle - 或任何它的同伴（slideToggle、fadeToggle）完全按照你的要求做。
• 至于您的问题 - stopPropagation - 它允许您仅触发您单击的切换并阻止事件通过 dom 冒泡。（而不是触发它的父母。）

这三个结合起来应该可以完成工作。祝你好运。