изменение z-index в блоках

[l-liava-l]

Доброго времени суток!
Имеются блоки с драгн дропом.
Как сделать чтобы по выделению кликом нужного блока. у всех других блоков z-index стал меньше.
Тоесть чтобы выделенный блок перемещался на передний план.
Сейчас пробую, что то не получается. может кто подскажет направление?
Заранее благодарен

[Раед]

экстрасенсы в отпуске. покажите HTML-код блоков

[l-liava-l]

<div class="galery1">




<nav class="filter"><H5>Статьи</H5><div class="close"></div><div class="poln"></div><div class="logoMin"></div></nav>


   <section class="container1">	<div class="opac"></div>
	 <nav id='state'><li class="li1">Ссылка</li>
		 <li class="li2">Ссылка</li>
		 <li class="li3">Ссылка</li></nav>
 
		 <article id="leftColon"><article class="fontSize1">
		 </article></article>
        </section>
</div>

Собственно вот таких блоков в данный момент 4. нахожу нужный с помощью

$(this).closest('.galery'+i)

[T-sh]

а зачем ты классы разные задаешь? не проще ли идентификаторы тогда?

добавь нейтральный класс к ним:

<div class="galery1 myclass">
...
</div>
<div class="galery2 myclass">
...
</div>

при клике на блок проходи циклом по оставшимся и уменьшай у них свойство а у текущего блока — увеличивай.