切換打開/關閉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 Selectors - 使用$（」 MyClass的），而不是getElementsByClassName方法
• jQuery Toggle - 或任何它的同伴（的slideToggle，fadeToggle）做你所要求的。
• 以及至於你的問題 - stopPropagation - 它允許你只觸發你點擊的切換，並停止事件冒泡通過dom。 （而不是觸發它的父母。）

這三個聯合應該做的工作。祝你好運。