помогите доработать spoiler/, pls
 

Имею,

<script type="text/javascript">
function showSpoiler(obj)
    {
    var inner = obj.parentNode.getElementsByTagName("div")[0];
    if (inner.style.display == "none")
        inner.style.display = "";
    else
        inner.style.display = "none";
    } 
</script>

<form>
<div class="spoiler">
<input type="checkbox" name="one" onClick="showSpoiler(this)" value="Show/Hide">
   
    <div class="inner" style="display:none;">
    <input type="text" name="two"> This is a spoiler!
    </div>
</div>
</form>

Работает нормально - только одно НЕ устраивает:
При ОБНОВЛЕНИИ страницы спойлер убирается, а вот ГАЛОЧКА на чекбоксе ОСТАЕТСЯ, как исправить???
Спасибо!

в низу страницы надо вручную один раз вызывать эту функцию. И надо не на display none проверять, а на checked чекбокса

HelpeR, Спасибо за ответ . Но если Вам не сложно, не могли бы Вы написать пример - как надо а на checked чекбокса проверять? Спасибо!

<input type="checkbox" name="one" id="one_id" onClick="showSpoiler(this)" value="Show/Hide">
<div class="inner" style="display:none;" id="inner_id">

function showSpoiler(obj)
{
var chbx = document.getElementById('one_id');
var inner = document.getElementById('inner_id');
if (chbx.checked == true)
inner.style.display = "block";
else
inner.style.display = "none";
}