Witam.
Musicie mi wybaczyć bo aż nie wiedziałem jak to nazwać. Napisałem coś takiego:

[HTML] pobierz, plaintext 
<style type="text/css">
	.none {display:none}
</style>
 
<div id="1">
	pierwszy
	<div id="click">Przycisk</div>
</div>
<div id="2" class="none">Drógi<div id="click">Przycisk</div></div>
[HTML] pobierz, plaintext 

i taki skrypt jquery
$(document).ready(function(){
$("#click").click(function(){
$("#1").fadeOut('none');
$("#2").fadeIn('none');
});
});
Te divy w kodzie html będą wczytywane z bazy i jest niewiadoma liczba tych divów i moje pytanie brzmi. Jak zrobić aby ten skrypt jquery działał do każdego następnego diva?
Szukałem informacji w internecie na ten temat a z jquery i js noga jestem więc dla tego zwracam się do was bo potrzebne jest mi to jak najszybciej.

Przede wszystkim, zamiast ID, wykorzystaj klasy.

No dobra tylko jak to zrobić gdyż nie mam pojęcia jak to wykonać.