Как мне создать такой блок?

[Varis]

Как мне создать такой блок?

http://s005.radikal.ru/i212/1001/16/ee67c628197d.jpg

[Smoke]

Нарисуй!

[Varis]

да дело не в рисование, я не знаю как сделать то что внутри блока и как сделать своранивание/разворачивание блока..

[Task]

Varis,

как сделать своранивание/разворачивание блока..

я не знаю как сделать то что внутри блока

Код: Выделить всё

<a href="javascript://" onclick="$('#myBlock').slideToggle('slow');">Свернуть/Развернуть</a><br />
<div id="myBlock">Блок, который сворачивается<br />$CATEGORIES$</div>

[KII-Soft]

<a href="javascript://" onclick="$('#myBlock').slideToggle('slow');">Свернуть/Развернуть</a><br />
<div id="myBlock">Блок, который сворачивается<br />$CATEGORIES$</div>
[/code]

Спасибо большое. +1. Я в скриптах почти ничего не смыслю, поэтому не сразу понял, что для каждого блока нужно своё имя ('#myBlock'). Теперь всё работает. А как сделать, чтобы первоначально блоки показывались свёрнутыми?

[Task]

Код: Выделить всё

<a href="javascript://" onclick="$('#myBlock').slideToggle('slow');" style="display:none;">Свернуть/Развернуть</a>

[KII-Soft]

Код: Выделить всё

<a href="javascript://" onclick="$('#myBlock').slideToggle('slow');" style="display:none;">Свернуть/Развернуть</a>

Если вставить style="display:none;" то вообще не работает. Блок остался развернутый а название исчезло.

[KII-Soft]

Разобрался. Вот так должно быть:
<a href="javascript://" onclick="$('#myBlock').slideToggle('slow');">Свернуть/развернуть</a><br>
<div id="myBlock" style="display:none;">Блок, который разворачивается</a><br></div>

[ingaters]

он я так понял не запоминает расположение,то есть без куков