Witam.

Od godziny próbuję znaleźć rozwiązanie następującego problemu* z jQuery:

Chodzi mi o efekt dokumentu z kilkoma sekcjami, gdzie na początku tylko
jedna jest widoczna w całości, a z pozostałych tylko nagłówki.
Po kliknięciu nagłówka ukrytej sekcji powinna się ona pokazywać jednocześnie
ukrywając tą już widoczną.
W skrócie kod wygląda mniej więcej tak:

[code]
...
<style type="text/css">
.toHide {
color: red;
}
.toHide>p {
display: none;
}
.toShow>p {
display: show;
}
</style>
...
<script type="text/javascript">
$(function() {
$(".toHide").click(
function() {

$(".toShow").toggleClass("toShow toHide");
$(this).toggleClass("toShow toHide");


}
);
}
);
</script>
....
<article class="toShow">
<h3>Nagłówek</h3>
<p>Paragraf</p>
<p>Paragraf</p>
<p>Paragraf</p>
</article>
<article class="toHide">
<h3>Nagłówek</h3>
<p>Paragraf</p>
<p>Paragraf</p>
<p>Paragraf</p>
</article>
<article class="toHide">
<h3>Nagłówek</h3>
<p>Paragraf</p>
<p>Paragraf</p>
<p>Paragraf</p>
</article>
<article class="toHide">
<h3>Nagłówek</h3>
<p>Paragraf</p>
<p>Paragraf</p>
<p>Paragraf</p>
</article>

[/code]

Problem jaki występuje - artykuł który w momencie załadowania dokumentu był
widoczny, po tym jak zostanie ukryty nie reaguje już na kliknięcie (chociaż
klasa mu się zmienia) i nie może zostać z powrotem pokazany.**


*) Tak, jestem obecnie bardzo 'do tyłu' z frontendem :(
**) Nie, nie szukam gotowca - tylko jakiegoś haczyka którego mógłbym się
przyczepić żeby znaleźć powód takiego zachowania.

--
Nazon
p...@j...w.mikronezji