| Код |
<script type="text/javascript">
<!--
// настройки
var collapse_section_id = "quotes"; // ID раздела с элементами
var title_tag = "p"; // имя тега для заголовков
var item_tag = "SPAN"; // имя тега для текста
var text_decotation = "underline" // подчеркивание заголовков, если не нужно -- ставим "none"
var highlight_text = "« "; // загогулина перед заголовком при открытом тексте (нельзя использовать entities!)
var normal_text = "» "; // загогулина перед заголовком при скрытом тексте (нельзя использовать entities!)
// главная ф-ция
function toggle(e){
var el = window.event ? window.event.srcElement : e.currentTarget;
var collapse_item = el.nextSibling;
while (collapse_item.nodeType != 1) collapse_item = collapse_item.nextSibling; // workaround (whitespace)!
curr_shown = collapse_item.style.display == "block";
collapse_item.style.display = (curr_shown) ? "none" : "block";
var title_text = el.firstChild;
title_text.nodeValue = (curr_shown) ? title_text.nodeValue.replace(highlight_text, normal_text) : title_text.nodeValue.replace(normal_text, highlight_text);
}
// ф-ция инициализации
function init(){
if (document.getElementById && document.createTextNode){
var collapse_section = document.getElementById(collapse_section_id);
var collapse_title = collapse_item = null;
for (var i = 0; ((collapse_title = collapse_section.getElementsByTagName(title_tag).item(i)) && (collapse_item = collapse_section.getElementsByTagName(item_tag).item(i))); i++){
collapse_title.style.textDecoration = text_decotation;
collapse_title.style.cursor = window.event ? "hand" : "pointer";
if (collapse_title.addEventListener) collapse_title.addEventListener("click", toggle, false);
else if (collapse_title.attachEvent) collapse_title.attachEvent("onclick", toggle);
collapse_title.firstChild.nodeValue = normal_text + collapse_title.firstChild.nodeValue;
collapse_item.style.display = "none";
}
}
}
// запускаем процесс по onload'у
var root = window.addEventListener || window.attachEvent ? window : document.addEventListener ? document : null;
if (root){
if (root.addEventListener) root.addEventListener("load", init, false);
else if (root.attachEvent) root.attachEvent("onload", init);
}
//-->
</script>
<!-- /JavaScript -->
<!-- HTML -->
<div id="quotes" class="example">
<p style="color: #1b4f88">Аристотель</>
Разумный гонится не за тем, что приятно, а за тем, что избавляет от неприятностей.
<p style="color: #1b4f88">Ж. Ж. Руссо</p>
<span>Чтобы написать любовное письмо, нужно начинать, не зная, что собираешься сказать, и заканчивать, не зная, о чём написал.</span>
<p style="color: #1b4f88">Вуди Аллен</p>
<span>Masturbation is sex with someone I love.</span>
</div>
|
измени это item_tag = 'BLOCKQUOTE'; на это var item_tag = "SPAN"; ну и текст... Это сообщение отредактировал(а) Sanchezzz - 3.9.2008, 14:28 --------------------
Понравился ответ "+" по репе, не забываем закрывать тему, заказы в LS.
|
Скрытие элементов на странице с помощью DOM. 
Загрузка ...
Дата 3.9.2008, 14:25 (
