Есть таблица вида:

<table>
<tr>
<td>
Заголовок сообщения
</td>
</tr>
<tr>
<td>
Содержание сообщения
</td>
</tr>
</table>

Сначала показывается только заголовок сообщения, при нажатии на него, под ним показывается содержание сообщения, при повторном нажатии на заголовок ''сообщение сворачивается''?

Заранее спасибо!

имхо это делается на дивах на onclick вешаешь обработчи который меняет стиль на display:visible;

Это можно по разному сделать:
1) слой с абсолютной позицией с наложенным clip'ом - выглядит не очень
2) прочитать про DOM на www.W3C.org и в момент клика добавить/удалить строки в таблицу.
3) то же самое что выше но используя innerHTML
4) сделать вторую таблицу с содержанием и в момент клика и показывать/скрывать эту таблицу
5) ...

Если не охота такое писать то посмотри готовые скрипты на www.hotscripts.net и в поисковиках.

Спасибо за советы, но может кто даст готовый код? Я в этом не селен :-(

Код

<script type="text/javascript"> function my_function() { if(shown==1) { document.getElementById().hide_par.style.display="none"; shown=0; } else { document.getElementById().hide_par.style.display=""; shown=1; } } </script> <p onClick="my_function()">SMTH. TO CLICK</p> <p id="hide_par">SMTH. TO HIDE</p>

Вроде так. Для Эксплорера. Для Мозиллы -- visible вместо display

[xoodo]

Цитата

Вроде так. Для Эксплорера. Для Мозиллы -- visible вместо display

Не работает :-(

Цитата

4) сделать вторую таблицу с содержанием и в момент клика и показывать/скрывать эту таблицу

Кто покажет как это можно реализовать на практике?

ОЧЕНЬ НУЖНО!!!

Виноватый, неправильное использование метода и не инициализировал переменную. исправленный вариант:

Код

shown=1; function my_function() { if(shown==1) {  document.getElementById("hide_par").style.display="none";  shown=0; } else {  document.getElementById("hide_par").style.display="";  shown=1; } } </script> <p onClick="my_function()">SMTH. TO CLICK</p> <p id="hide_par">SMTH. TO HIDE</p>

СПАСИБО!

Только есть два но...

1. Сначала должно быть только "SMTH. TO CLICK", а при нажатии на него выпадать "SMTH. TO HIDE"

2. Не исключено, что "SMTH. TO CLICK" будет не один, а более 10, в этом случае придется повторять функцию my_function(), для каждого отдельно, меняя id="hide_par", а как возможно изменить эту функцию на универсальную?

Пожалуйста, XOODO, подскажи! Надежда на тебя!!!

Опять все поменял. Теперь без shown, сразу проверка на display. Функции передается id элемента, который мы прячем/показываем.

Код

<script type="rext/javascript"> function my_function(elem_id) { my_elem=document.getElementById(elem_id); if(my_elem.style.display=="") {    my_elem.style.display="none"; } else {    my_elem.style.display=""; } } </script> <p onClick="my_function('p1')">SMTH. TO CLICK 1</p> <p id="p1" style="display:none">SMTH. TO HIDE 1</p> <p onClick="my_function('p2')">SMTH. TO CLICK 2</p> <p id="p2" style="display:none">SMTH. TO HIDE 2</p> ... <p onClick="my_function('pn')">SMTH. TO CLICK n</p> <p id="pn" style="display:none">SMTH. TO HIDE n</p>

Ошибка!

Предполагается наличие объекта в строке 24, 27, 32! Строки с <p onClick="my_function('p1')">, <p onClick="my_function('p2')"> и <p onClick="my_function('pn')">

иногда случаются описки...
замени:

Код

<script type="rext/javascript">

на

Код

<script type="text/javascript">

и все будет хорошо!!! :-)))

ВСЕМ ОГРОМНОЕ СПАСИБО!!!!!!!

ОСОБЕННО [xoodo]!