Открытие и Скрытие

В Общем надо чтобы При нажатии Например на + открывалось меня при - закрывалось меню...
Открывалось или Закрывалось без обновления страницы. Раньше как то делал сейчас не могу вспомнить.

echo '<script language="JavaScript" type="text/javascript">
function toggle(id) {
var e = document.getElementById(id);
if(e.style.display == \'block\')
e.style.display = \'none\';
else
e.style.display = \'block\';
}
</script>';

<a href="javascript:toggle(\'xxx\')" title="+">+</a>

echo '<div id="xxx" style="display: none;">То что не видно</div>';

<div onclick="javascript:spoiler('spoiler')">[+/-]</div>
<div id="spoiler" style="display: none">Content</div>
<script>
function spoiler(id)
{
var el = document.getElementByID(id);
if (el) {
el.style.display = el.style.display == 'none' ? '' : 'none';
}
}
</script>

Screamer, у меня твой спойлер даже с экранированием кавычек не работает.

У venom лучше,правда без плавного выезда контента

blackvj, Датам стиль свой пиши какой захочешь , я так для примера написал....

venom, Знаю уже давно сделал.
Просто к слову отписался.

В спойлерах только один недостаток.Они с патифонами не дружат.

blackvj, на CSS напиши....

venom, Пока еще не встречал такой вариант.

blackvj, Не проверял....
Стиль

<style type="text/css">
      .show {display: none; }
      .hide:focus + .show {display: inline; }
      .hide:focus { display: none; }
      .hide:focus ~ #list { display:none; }
      @media print { .hide, .show { display: none; } }
   </style>

<p>Here\'s a list</p>
      <div>
         <a href="#" class="hide">[hide]</a>
         <a href="#" class="show">[show]</a>
         <ol id="list">
            <li>item 1</li>
            <li>item 2</li>
            <li>item 3</li>
         </ol>
      </div>
   <p>How about that?</p>

venom, Довольно забавный метод.Добавлю в закладки.

Правда мы для чего используем Спойлер...чтобы открыть контент без перезагрузки страници.

Поддержка Явы нужна в этом случае