Добрых суток! Удачно воспользовавшись каталогом скриптов, я наткнулась на рабочий ХМТЛ-спойлер как раз под форму ответа. Но моя проблема в том, что я не знаю, как настроить его, чтобы вместо картинки отображался текст.
скрипт спойлера
Код:<table><tr> <td onclick="return changeVisibility('mycolor', this)"><img src="Фоновая картинка (кнопка)" alt="Название_содержимого" /></td></tr></table> <div class="container" id="mycolor" style="display:none; width:ширинаpx"> <table cellspacing="0"> <tr> <td> СОДЕРЖИМОЕ </td> </tr> </table> </div>
И мне нужен не просто текст, а именно кнопка сворачивания (вроде "Скрыть/показать смайлы" из скрипта ниже). Я так же пыталась вместо смайлов вставить свой текст, но тогда ничего не сворачивается, пусть кнопка и показывается.
Кстати, скрыть мне нужно не просто текст, а заполненную ХТМЛ-таблицу.
скрипт смайлов
Код:<div> <input type="Button" value="Дополнительные смайлы" onclick="return showhide(this)"> <p style="display:none"> <img src="http://www.kolobok.us/smiles/standart/mosking.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/mosking.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/grin.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/grin.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/smoke.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/smoke.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/boast.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/boast.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/dirol.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/dirol.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/pleasantry.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/pleasantry.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/snooks.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/snooks.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/no2.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/no2.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/secret.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/secret.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/aggressive.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/aggressive.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/not_i.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/not_i.gif[/img]')" /> <img src="http://www.kolobok.us/smiles/standart/blush.gif" style="cursor: pointer" onclick="smile('[img]http://www.kolobok.us/smiles/standart/blush.gif[/img]')" /> </div> <script> function showhide(b){ p = b.parentNode.getElementsByTagName("p")[0] if(b.value=="Дополнительные смайлы"){ b.value="Скрыть смайлы" p.style.display="block"} else{ b.value="Дополнительные смайлы" p.style.display="none"} return false} </script>
