Скрывать будем с использованием jQuery
1) Копируем html-код фрагмента, который нужно скрыть, в отдельный html-файл ,в нашем случае например hide1.html и hide2.html .
2) Заливаем этот html-файл на сервер и прописываем к нему путь в файле main.js с таким содержимым:
Code
$(function(){
$('#block1').load('http://site.ru/files/hide1.html', function() {
// ...
});
});
$(function(){
$('#block2').load('http://site.ru/files/hide2.html', function() {
// ...
});
});
3) В файле шаблона CMS вместо html-кода, который необходимо заменить, вставляем div с нужным id (его мы указывали в пункте 2). Например, для фрагментов block1 и block2 будут такие div:
Code
<div id="block1"></div>
<div id="block2"></div>
4) Подключаем скрипты jquery.js и main.js которые расположены на сервере в папке jscript, между тегами head и /head на странице. Например, следующим образом:
Code
<script src="/jscript/jquery.js" type="text/javascript"></script>
<script src="/jscript/main.js" type="text/javascript"></script>
Скачать