Visa ett inlägg
Oläst 2007-01-26, 10:36 #6
DeSotos avatar
DeSoto DeSoto är inte uppkopplad
Flitig postare
 
Reg.datum: Oct 2005
Inlägg: 323
DeSoto DeSoto är inte uppkopplad
Flitig postare
DeSotos avatar
 
Reg.datum: Oct 2005
Inlägg: 323
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!
DeSoto är inte uppkopplad   Svara med citatSvara med citat