Показать или спрятать DIV

Тема довольно исхоженная, но древняя. Почему «НО»? Потому что попытка тупо нагуглить решение дала россыпи и развалы кода ещё со времён IE4. Понятно, что эти примеры теперь работают не так как надо. Прогресс не стоит на месте, и браузеры вместе с ним. Однако.

Нужный код найти удалось, и чтобы опять не потерять описываю его здесь. Теперь принято играть атрибутом display.
Чтобы сделать его невидимым ему присваивают none, чтобы отобразить присваивают block. А дальше дело техники:

В стилях:

.div_container{
        ....................
	display : none; /* сделать DIV для начала невидимым */
/*	display : block;  хотя можно и видимым */
}

В странице:


БЛА-БЛА-БЛА-БЛА
" ;

А ещё в HEAD страницы добавить функцию на Javascript:

< s cript type="text/javascript">
    function toggle_visibility(id) {
       var e = document.getElementById(id);
       if(e.style.display == 'block')
          e.style.display = 'none';
       else
          e.style.display = 'block';
    }