Odwołanie do wybranego elementu pliku html Opcje

[hmtt]

Witam!

W jaki sposób odwołać się do pojedynczego elementu jeśli skrypt js (jQuery) odwołuje się do wielu klas css. Poniżej przedstawiam kod.

Fragment html jest w pętli dlatego używam klasy css do opisania bloku "comments". Na jednej stronie będzie kilka produktów a do każdego z nich planuje zrobić niezależnie rozwijane komentarze kożystajace z tej samej funkcji js.

[HTML] pobierz, plaintext 
 <p class="show_comments">komentarze</p>
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">$(document).ready(function() {
 
 
 $('.comments').hide();
 $('.show_comments').hover(function() {
 	$('.comments').show();
 });
});
</script>
[HTML] pobierz, plaintext 

[hmtt]

Dla przykładu wrzuciłem kod z trzema blokami DIV. Kiedy użytkownik klikni w dany blok mają pojawić się komentarze ale tylko te przypisane do klikniętego bloku. Skrypt JS który zamieściłem powoduje rozwinięcie komentarzy we wszystkich blokach DIV a nie tylko w tym klikniętym. Jeszcze raz zaznaczam że nie chcę nadawać każdemu blokowi osobnego atrybutu ID. Jeżeli miałbym wprowadzić jakieś modyfikacje to raczej tylko do pliku JS. Pozdrawiam!

[HTML] pobierz, plaintext 
 <p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
 
<p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
 </div>
 
<p class="show_comments">komentarze</p>
 
 
 <div class="comments">
 	<p>Komentarz 1</p>
 	<p>Komentarz 2</p>
</div>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<script type="text/javascript">$(document).ready(function() {
 
 
 $('.comments').hide();
 $('.show_comments').hover(function() {
 	$('.comments').show();
 });
});
</script>
[HTML] pobierz, plaintext 

Ten post edytował hmtt 30.09.2008, 15:32:05