Господа специалисты, подскажите, плиз.
Имеется следующий код спойлера:
Код: Выделить всё
<div style='width: 99%; border: 1px dotted #6F5E42; border-left: 4px solid #6F5E42;'>
<script language='javascript' type='text/javascript'>
<!--
if(!_s_id)
{
var _s_id = 0;
var sp_title = "";
function switch_spoiler(id, title)
{
if(document.getElementById("sp_d_" + id).style.display == "block")
{
document.getElementById("sp_a_" + id).innerHTML = "▼ " + title;
document.getElementById("sp_d_" + id).style.display = "none";
}
else
{
document.getElementById("sp_a_" + id).innerHTML = "▲ " + title;
document.getElementById("sp_d_" + id).style.display = "block";
}
}
}
_s_id++;
document.write("<div id='sp_a_" + _s_id + "' onclick='switch_spoiler(" + _s_id + ", \"{TEXT1}\");' style='vertical-align: middle; height: 30px; line-height: 30px; padding-left:10px; background-color: #D3C5AB; font-size: 12px; font-weight: bold; color: #020202; cursor: hand;'>▼ {TEXT1}</div><div id='sp_d_" + _s_id + "' style='display: none; min-height: 25px; background-color: #E2DBCC; padding-left:10px; padding-top:5px; padding-bottom:5px;'>");
-->
</script>
{TEXT2}</div></div>
1. Возможно ли добавить в данный код следующее условие:
Пользователь вводит после "=" свой текст - получает этот текст в заголовке спойлера;
Пользователь ничего не вводит после знака "=" - получает в заголовке текст по умолчанию (например - "нажмите для просмотра скрытого текста".
2. В данный момент ширина заголовка спойлера (до раскрытия) жёстко ограничивается одной строкой, в случае, если текст заголовка выходит за рамки одной строки, нарушается форматирование. Возможно ли сделать заголовок "растягиваемым" в зависимости от количества текста в заголовке?