Кнопка-ссылка на JavaScript для скрытия/показа любого div страницы

Примерно такая кнопка, открывающая блок внизу

этот первоначально скрытый блок может быть в любой части сайта.

update Имейте в виду, этот очень старая статья и код тут... нуу... странный и, вероятно, избыточный. Нынче немного по-другому уже все делается.

Итак, код

<HTML>
  <HEAD>
     <TITLE></TITLE>
<script type="text/javascript"><!--
        function toggleObj(obj, tog, show, hide, swap, set, cname, button) {
            var e = document.getElementById(obj);
            if (hide && swap!='') var e2 = document.getElementById(swap);
            var text    = document.getElementById(obj + "-tog");
            if (set=='1') document.cookie=cname+'='+tog+'; path=/';
            if (tog=='show') {
                e.style.display = 'block';
                if(swap!='') e2.style.display = 'none';
                var label = hide;
                tog='hide';            
            }
            else {
                e.style.display = 'none';
                if(swap!='') e2.style.display = 'block';
                var label = show;
                tog='show';
            }
        var act = '"javascript:toggleObj(\''+obj+'\',\''+tog+'\',\''+show+'\',\''+hide+'\',\''+swap+'\',\''+set+'\',\''+cname+'\',\''+button+'\');"';
        if (button==1)
            copy = '<input type="button" class="inputbutton togglebutton" value="'+label+'" onclick='+act+' />';
        else
            var copy = '<a class="togglelink" href='+act+'>'+label+'</a>';
        text.innerHTML = copy;  
     }
  --></script>

  </HEAD>
<BODY>
<DIV>
    <p>
        <span id="box1-tog" class="toggle"><a class="togglelink" href="javascript:toggleObj('box1','show','показать','скрыть','','','','')">показать</a></span>
    </p>
    <div style='display:none;' id='box1'>
        <p>your text here</p>
    </div>

</DIV>


</BODY>
</HTML>
encrypting — 2012-01-04, 19:04

Спасибо наконецто нашел! автору респект!

Пожалуйста, всегда рад помочь!

Finar.

Блог

Как расставить запятые между тегами на CSS?

Иногда проще что-то сделать на чистом CSS, чем на серверной стороне. Например, расставить запятые между тегами. Попробуем разделить подчеркнутые теги-ссылки на чистом CSS.

далее

Как отресайзить картинки батчем?

Все фотографии, которые вы собираетесь отресайзить, должны быть в одной директории, скажем «uploads». Внутри нее можно сохранить любую структуру директорий. Мы научимся создавать копию этой директории, внутри которой все картинки будут отресайзены, причем только в сторону уменьшения разрешения.

далее

Tilda Module: интеграция NetCat с Tilda.cc

Представляем нашу новую разработку, модуль интеграции CMS NetCat с платформой Tilda.cc. Модуль дает возможностью полуавтоматически размещать классные лендинги прямо в структуре вашего сайта!

далее

Как оптимально заархивировать файлы, чтобы распаковать их средствами ISPmanager?

В определенных случаях файлы выгоднее заливать на веб-сервер в виде архива. Во-первых, если данные хорошо сжимаются, или же просто файлов очень много, это сократит время заливки. Во-вторых, в любом случае это обезопасит данные от случайного повреждения, так как при распаковке архива происходит проверка его целостности с помощью контрольной суммы (CRC). Однако, не вполне понятно, какой формат архива и тип сжатия выбирать? Мы провели небольшое экспериментальное исследование на эту тему.

далее

Весь блог тут