пятница, 3 декабря 2010 г.

Раскрывающийся текст для Blogger

 Взял на заметку простенький скрип, что бы была возможность создавать раскрывающиеся текст при клике по названию. Это помогает структурировать сообщение. Выглядит это вот так:

Кликабельный заголовок -пояснение в виде обычного текста (если нужно)


Сам код:

<script>function show0()
{
var myDiv = document.getElementById('tool0');
if(myDiv.style.display == 'none')
{
myDiv.style.display = 'block';
} else {
myDiv.style.display = 'none';
}
return false;
}</script>


<div>
<a href='javascript:;' onclick=show0()> Кликабельный заголовок </a>-пояснение в виде обычного текста (если нужно)</div>
<div id=tool0 style='display: none'>Скрываемый текст</div>

Но тут есть один нюанс. Если метод приходится применять несколько раз на одной странице, то для каждого применения, в скрипте и в ссылке нужно поменять название функции и id. В моем случае show0 заменить например на show1, а tool0 на tool1.

И еще одна маленькая заметка:
Для того, что бы Blogger воспринимал HTML не как код, а как простой текст я его видоизменил при помощи небольшого сервиса. Только не скармливайте ему кириллицу.

P.S.: Не пропусти прогресс, подпишись на RSS

AddThis

LinkWithin

Related Posts Plugin for WordPress, Blogger...