Något i den här stilen?
Kod:
<html>
<head>
<script type="text/javascript">
<!--
window.onload = function()
{
var li = document.getElementById( 'clicker' ).getElementsByTagName( 'li' );
for( var i = 0, l = li.length; i < l; i++ )
{
if( li[i].className == 'rubrik' )
{
var span = li[i].getElementsByTagName( 'span' );
span[0].onclick = showOrHideList;
}
}
}
function showOrHideList( e )
{
if( !e ) { e = window.event }
var target = e.target || e.srcElement;
var list = target.parentNode.getElementsByTagName( 'ul' );
if( list[0].style.display == 'none' )
{
list[0].style.display = 'block';
}
else
{
list[0].style.display = 'none';
}
}
-->
</script>
<style type="text/css">
<!--
.rubrik span
{
cursor: pointer;
}
-->
</style>
</head>
<body>
<ul id="clicker">
<li class="rubrik"><span>rubrik 1</span>
<ul>
<li><a href="#">Inställningar</a></li>
<li><a href="#">Hjälp</a></li>
</ul>
</li>
<li class="rubrik"><span>rubrik 2</span>
<ul>
<li><a href="#">Logga in</a></li>
<li><a href="#">Kontoinformation</a></li>
<li><a href="#">Diverse</a></li>
</ul>
</li>
</ul>
</body>
</html>
Glöm sen inte att lägga JS:en i en egen fil, ser mycket trevligare ut!