Jquery .css dillema

[dsp77]

hello, i have a gallery that shows the hidden div after click, the problem is that i have around 20 pictures and i'm not able to hide the selected picture after the user selects other and so on. here is the piece of the code:

	$('.id2').one("click",function() {
		$('#test').css('display','block');
	});	
	$('.id3').one("click",function() {
		$('#test3').css('display','block');
	});	

and the html

					<div id="big_photo">
				<div id="test" style="display:none;">
					<img src="images/team/team1.jpg" rel="images/team/team11.jpg" />
					<p>Name</p>
					<span>title</span>
				</div>
				<div id="test3" style="display:none;">
					<img src="images/team/team2.jpg" rel="images/echipa/team22.jpg" />
					<p>Name2</p>
					<span>title2</span>
				</div>
				</div>

and so on.

[dsp77]

i managed to do a code for all pictures but i still cannot make them disappear after clicking other picture

		$('#echipa_left a').click(function (e) {
	e.preventDefault();

	$('#echipa_' + this.id).css('display','block');
	});

[trq]

If you give all your divs the same class you can hide them all, then show the one you clicked on.

[dsp77]

that's funny, so easy that i didn't think about it. Thanks Man