passare variabile a jquery

[lupoz]

Ho una pagina in cui ci sono le descrizioni di diversi articoli, in cima alla pagina ci sono le immagini di ogni articolo e vorrei che ogni qualvolta viene cliccata una di queste immagini appaia il testo relativo all'articolo.

Ho creato questa funzione js usando jquery:

<script type="text/javascript" src="jquery.js"></script>
 <script type="text/javascript">
 	function prova(nome){ $(".nome").toggle(100); }
 </script>

e nell'html scrivo:

[img]01.jpg[/img]
[img]02.jpg[/img]
[img]03.jpg[/img]

<div id="result" class="01">
	<h1>01</h1>
	

Testo prova Testo prova


</div>

<div id="result" class="02">
	<h1>02</h1>
	

Testo prova Testo prova


</div>

<div id="result" class="03">
	<h1>03</h1>
	

Testo prova Testo prova


</div>

Il problema è che non funziona, penso che non riconosca la variabile che gli passo. Come faccio?

[Xinod]

$("."+nome).toggle(100);

non credo comunque che classi solo numeriche (o che comincino per numero) siano valide,
sicuramente piu' elementi non possono condividere stesso id

ciao

[lupoz]

Non va, però in effetti essendo tutti elementi diversi ha più senso usare gli id che le classi.

Comunque se scruvo:

 function prova(){ $(".01").toggle(100); }

i div con la class uguale a 01 spariscono... bho

[Xinod]

ti ripeto, non usare classi numeriche,
ti stai incasinando perche' appunto non stai trattando quei nomi delle classi come stringhe ma interi, tra l' altro premettendo uno zero davanti
quando passi
prova(01) a prova arriva 1
se almeno richiami
prova('01') a prova arriva la stringa 01