Riduzione codice JS

[Hans Castorp]

Ho un file .js scritto con questo codice di jquery. In pratica al clic su un div identificato come ok1, ok2, ok3, desidero che appaia il rispettivo div identificato con blocco1, blocco2, blocco3 eccetera. Secondo voi esiste un modo per accorciare il codice senza dover copiare e incollare 100 o 200 volte?

$(document).ready(function(){
$("#ok1").click(function(){
$("#blocco1").toggle("slow");
});
});


$(document).ready(function(){
$("#ok2").click(function(){
$("#blocco2").toggle("slow");
});
});


$(document).ready(function(){
$("#ok3").click(function(){
$("#blocco3").toggle("slow");
});
});


$(document).ready(function(){
$("#okn").click(function(){
$("#bloccon").toggle("slow");
});
});


Grazie!

[cavicchiandrea]

Puoi aggiungere una classe ai div ok1, etc...?
Posta l'html (no php) della pagina/documento

[Hans Castorp]

Puoi aggiungere una classe ai div ok1, etc...?
Posta l'html (no php) della pagina/documento

Ecco lo stralcio di html con un blocco di contenitori che devo replicare per un bel po' di volte (circa un centinaio); oltre all'id, lo span su cui si clicca ha anche una sua classe, che ho chiamato "m".

<div class="prtdsc1"><span class="m" id="ok1">LA SOSTANZA ARISTOTELICA</span>
<div class="finestra1" id="blocco1">
<span class="prova"><a class="mspan"><i class="icon-doc"></i></a></span>
<span class="prova"><a class="mspan"><i class="icon-share"></i></a></span>
<span class="prova"><a class="mspan"><i class="icon-edit"></i>1</a></span>
<span class="prova"><a class="mspan"><i class="icon-edit"></i>2</a></span>
<span class="prova"><a class="mspan"><i class="icon-edit"></i>3</a></span>
</div>
</div>

[cavicchiandrea]

prova cosi usando jquery 1.7 o superiore

$(document).ready(function(){
  $("body").on("click", ".m", function(){
var id = $(this).attr("id").substr(2,1);
    $("#blocco"+id).toggle("slow");
  });
 });

[Hans Castorp]

Ok, provo, grazie mille.

[Hans Castorp]

Grandioso, veramente.
Nel caso volessi fare lo stesso con altri blocchi in un'altra pagina html, come dovrei modificare il codice? Cambiando semplicemente la classe ".m" in un'altra classe in un altro documento html, non funziona. Hai qualche consiglio in questo senso?
Grazie mille.

[cavicchiandrea]

No

[Azucchi]

Grandioso, veramente.
Nel caso volessi fare lo stesso con altri blocchi in un'altra pagina html, come dovrei modificare il codice? Cambiando semplicemente la classe ".m" in un'altra classe in un altro documento html, non funziona. Hai qualche consiglio in questo senso?
Grazie mille.

In che senso non funziona? Fai un esempio.