// html stuff

.
.
.

the javascript function:

.
.
.

function toggleshow(object) {
        status=object.id;
        status+= object.style.zIndex;

        object=document.all[object.id+"SHOW"];
        status+= object.id;
        status+= object.style.zIndex;

        if (object.style.visibility == "hidden") {
                object.style.visibility="visible";
                object.style.zIndex="100";
        }

        else {
                object.style.visibility = "hidden";
                object.style.zIndex="1";
        }
}



.
.
.


// the visiable checkbox that should show/hide the div below...
<input id='welcome' type="checkbox" onclick="toggleshow(this)" />

.
.
.
// the hidden part

<div id=welcomeSHOW style="visibility:hidden ">

                                                <input value="<?php echo $maxallsession ?>" name="maxallsession" style="visibility:hidden" />
<a href="javascript:maxallsession(86400)">1day(s)</a>
<a href="javascript:maxallsession(259200)">3day(s)</a>
<a href="javascript:maxallsession(604800)">1week(s)</a>
<a href="javascript:maxallsession(1209600)">2week(s)</a>
<a href="javascript:maxallsession(1814400)">3week(s)</a>
<a href="javascript:maxallsession(2592000)">1month(s)</a>
<a href="javascript:maxallsession(5184000)">2month(s)</a>
<a href="javascript:maxallsession(7776000)">3month(s)</a>
                                                <br/>
                                                </font>
</div>