<body>
<h1>Title I </h1>
<h2>Chapter I </h2>
<h5>Art. 1.</h5>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<h2>Chapter II</h2>
<h3>Section I</h3>
<h5>Art. 2.</h5>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<h5>Art. 3.</h5>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<h3>Section II</h3>
<h4>Mini-Section I</h4>
<h5>Art. 4.</h5>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<h1>Title II</h1>
<h2>Chapter I </h2>
<h5>Art. 6.</h5>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<p>Ut labore et dolore magna aliqua. Eu fugiat nulla pariatur. Duis
aute irure dolor quis nostrud exercitation excepteur sint occaecat.</
p>
<body>
As you can see it is simple Headings tags, that compose this text.
My goal is simply to change or add classes tah tlet elements been
revelead or not !
i explain :
At the opening page you will have to see :
- H1 contents only (all H1- all other have to be hided).
- onlick on H1 we will see all H2 of the concerning H1 clicked (all
the others will be invisible)
- onclick on H2 we will have :
- all H3 listed with them (H4 and H5 and P not visible)
- all H5 listed with them (in some case H5 is just after H2).
- onclik on H3 we will have :
- all H4 visible (but not H5 and P under them)
- all H5 direct under H3 (in some cas this happened)
- onclick on H4 we will have all H5 under the appereaing
- onclick on H5 we will see all P under them (P have to been
revealed only one clicked on H5)
And in case we click again on a element it will change again his
status to invible
i a not using any div container nor ny css for this, i jus twanan see
how to do ro see it working ???
As i am a newbie with jquery (tried during 10 days without success),
may be i am stupid or not enough concentrate ???
Please could you give me the solution (a code) or any other sample
that inspirates me or even if a plugin exist ???
