Unikt ID vid show/hide div

Jag har en div enligt nedan som jag tar fram via ett enkelt jqueryscript när man klickar fram och vill läsa mer om ett projekt jag har på hemsidan:

<div id="box">
innehåll i divven
</div>

Jquery ser ut så här:

$('#box').hide();

$('#box-show').click(function() {
	$('#box').fadeIn();
 	return false;
  });
	
$('#box-hide').click(function() {
	$('#box').fadeOut();
	return false;
});

Jag har dock en massa projekt som jag vill ska använda samma metod men som då kanske kan identifieras med ett unikt ID. Hur kan jag lösa detta? Jag har kollat runt lite men alla tuts på färdiga slideshows men de scripten är så otroligt stora.

Tacksam för svar!

Antingen gå du i DOM:en och kolla där, eller så få du skriva egna unika idn på dina divar, ofta behöver du inte unika idn utan det räcker ju med att du vet vilket index den har i en sammling i din jquery sammling. färdiga slideshows brukar ju vara testade, och vad menar du med otroligt stora?

voigtann1:

Det är själva indexen jag vill få hjälp med. Hur gör man?

skippa ID attributet, du kan bara ha ett element per ID, kör du en kollektion:

var col = $(".className");
var first = col[0]; //Ge dig den första DOM objektet med klassnamnet className.