1 вариант установки
Установка моих сворачивающихся блоков (полностью мой код блоков)
Код блока (вставляете его в конструктор шаблонов или же поменяете все блоки на эти):
Code <div class="blocks"> <div class="btitle"><div class="bclick bclose" rel="bid1"></div>TITLE</div> <div class="bcontent" id="bid1">CONTENT</div> </div>
Поймите и запомните то, что bid1 должен быть уникальным для каждого вашего блока, например, можно bid2, bid3 и т.д.
Но главное, чтоб эти айди не повторялись на странице!
После чего добавьте в CSS этот стиль:
Code .blocks {border:1px solid #cecece;margin:10px 4px}
.bclose {background: url('http://trane73.ru/demo/blocks/m.png') no-repeat;width:16px;height:16px;float:right;cursor:pointer;margin-right:4px;}
.bopen {background: url('http://trane73.ru/demo/blocks/p.png') no-repeat;width:16px;height:16px;float:right;cursor:pointer;margin-right:4px;}
.btitle {padding:4px;padding-left:6px;font-weight:bold;}
.bcontent {padding:10px;border-top:1px solid #cecece;}
Картинки, естественно, можно перезалить к себе на сайт, но можете оставить мои, я всё равно не буду их удалять =)
И наконец, ставите перед |