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

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

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

<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)

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

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

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

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