Witam

Mam o to taki problemik

[PHP] pobierz, plaintext 
 <script type="text/javascript">
 
 $(document).ready(
 
 function()
 {
 $("div#HelpShow").attr('style', 'display: none;');
 $("div#HelpClick").attr('style', 'cursor:pointer;');
 $("#pomoc").children("#HelpClick").click(
 function()
 {
 
 $(this).next("#HelpShow").toggle();
 
 }
 );
 }
 );
 </script>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div id="pomoc">
 
    <div id="HelpClick">Tytuł</div>
    <div id="HelpShow">Tekst</div>
 
    <div id="HelpClick">Tytuł</div>
    <div id="HelpShow">Tekst</div>
 
    <div id="HelpClick">Tytuł</div>
    <div id="HelpShow">Tekst</div>
 
    <div id="HelpClick">Tytuł</div>
    <div id="HelpShow">Tekst</div>
 
</div>
 
[HTML] pobierz, plaintext 

css

[HTML] pobierz, plaintext 
#HelpClick{
font-size:13px;
padding:5px;
font-weight:bold;
}
 
#HelpShow{
font-style:italic;
padding:0px 0px 0px 5px;
}
[HTML] pobierz, plaintext 

Wszystko fajnie działa jak należy ale tylko w FF, w IE i w operze nie wiedzieć czemu nie chowają się wszystkie divy o id HelpShow. W IE i OPERZE chowa się tylko pierwszy div a reszta jest odsłonięta.

Macie jakiś pomysł jak to ogarnąć?

Pzdr

atrybut id ma być unikalny w skali całego dokumentu, proponuję zamienić np. na class i po tym atrybucie odszukiwać odpowiednie fragmenty dokumentu