Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Jan 2005
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Drop Down List??

    Hi, I am wondering how the drop down lists on this site: http://www.anime-kraze.org/index.php?page=releases (used for the anime series) are done. I have seen these types of menus several places, but I haven't been able to find a site that explains how to make them.

    Thanks!

  • #2
    New Coder
    Join Date
    Jan 2005
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh, I have the answer now, thanks to Charles over at webdeveloper.com:

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
     "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <meta name="Content-Script-Type" content="text/javascript">
    <meta name="Content-Style-Type" content="text/css">
    <title>Example</title>
    
    <script type="text/javascript">
    <!--
    if (document.getElementById) onload = function () {
    	document.getElementById ('toggled').className = 'inactive';
    	document.getElementById ('toggler').onclick = function () {
    		this.firstChild.data = this.firstChild.data == '+' ? '-' : '+';
    		document.getElementById ('toggled').className = this.firstChild.data == '-' ? '' : 'inactive';
    	}
    }
    // -->
    </script>
    
    <style type="text/css">
    <!-- 
    .inactive {display:none} 
    -->
    </style>
    
    </head>
    <body>
    <h4><span id="toggler">+</span> Giant Says</h4>
    <ul id="toggled">
    <li>Fee</li>
    <li>Fie</li>
    <li>Foe</li>
    <li>Fum</li>
    </ul>
    </body>
    </html>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •