Думаю принцып все поняли smile А если нет, то при нажатии на название блока (так же можно изменить скрипт и поставить + и - картинками) блок будет сворачиваться/разворачиваться. Перейдём к установке.
Сначало подключаем jquery (кликаем по ссылке - сохранить как). Потом сохраняем jquery.cookie (таким же способом). Кидаем эти файлы в файловый менеджер. Далее перед
во всех страницах пишем:
Code
<script type="text/javascript" src="/jquery-1.3.2.js"></script>
Потом берём один из блоков сайта. У меня например вот такой:
Code
<!-- <block1> -->
<table cellpadding='0' cellspacing='1' width='100%' class='spacer'>
<tr>
<td>
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='scapmain'><!-- <bt> --><!--<s5441>-->Текст<!--</s>--><!-- </bt> --></td>
</tr>
</table>
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='side-body'>
<!-- <bc> -->Тест<!-- </bc> -->
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- </block1> -->
У каждого будет конешно свой. Далее у меня есть строчка
Code
<!-- <bt> --><!--<s5441>-->Текст<!--</s>--><!-- </bt> -->
И я заменяю её на
Code
<!-- <bt> --><!--<s5441>--><a href="javascript://" onclick="cookieToggle('AbUcoz')">Текст</a><!--</s>--><!-- </bt> -->
Красным - уникальное название id, для каждого блока должно быть разное!!! Далее нахожу строчки:
Code
<table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='side-body'>
<!-- <bc> -->Тест<!-- </bc> -->
</td>
</tr>
</table>
И заменяю на:
Code
<div id="AbUcoz"><table cellpadding='0' cellspacing='0' width='100%'>
<tr>
<td class='side-body'>
<!-- <bc> -->Тест<!-- </bc> -->
</td>
</tr>
</table></div>
<script type="text/javascript" src="/jquery.cookie.js"></script>
<script type="text/javascript">
cookieToggle = function(id) {
if ($.cookie('hideid_'+id)!=null) {$.cookie('hideid_'+id, null);} else {$.cookie('hideid_'+id, '');}
$('#'+id).slideToggle(100);
}
cookieToggleCheck = function(id) {
if ($.cookie('hideid_'+id)!=null) {$('#'+id).hide();}
}
cookieToggleCheck('AbUcoz');
</script>
Красным - как я уже написал это уникальное название id, для каждого блока должно быть разное!!! И такую же операцию надо проделать с каждым блоком у которого должно быть Сворачивание/разворачивание.
Далее вы это всё сохраняете, идёте на свой сайт, сворачиваете пару блоков, обновляете страницу и радуетесь результатам! smile
Автор: footballstar
Источник и живой пример: AbUcoz
