<style type="text/css">
<!--
#newspanel {
width:30%;
height:20px;
background:#f0f0f0;
overflow:hidden;
}

.mborder {
border:1px #404040 double;
border-top:1px #c0c0c0 double;
border-right:1px #c0c0c0 solid;
background:#f0f0f0;
}
-->
</style>

<script type="text/javascript">
<!-- Begin
/* This script and many more are available free online at
The JavaScript Source!! http://www.nightfire.ch
Created by: Jeff Manning :: liveing_sacrifice@yahoo.ca */

var doit = true
function showm(ob,pict) {
if(doit) {
document.getElementById(ob).style.height = '125'
document.getElementById(pict).src = 'arrowl.gif'
doit = false
}
else {
document.getElementById(ob).style.height = '20'
document.getElementById(pict).src = 'arrowd.gif'
doit = true
}
}
// End -->
</script>

<div id="newspanel" class="mborder">

Put your heading here

<img src="arrowd.gif" alt="arrow down" title="click to view" onclick="showm('newspanel','newsst')" id="newsst">
<ul style="list-style-type:none;">
<li>Lorem ipsum dolor sit amet.</li>
<li>Ut wisi enim ad minim veniam.</li>
<li>Vel illum dolore eu feugiat.</li>
<li>luptatum zzril delenit augue.</li>
</ul>

</div>

Jeff Manning

Kopieren Sie bitte den Code