using jQuery to toggle a hidden menu
<!DOCTYPE html> <html> <head> <title></title> <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <style type="text/css"> #state-choice { position: relative; } #state-choice h4:hover { cursor: pointer; } #states { display: none; position: absolute; top: 1.2em; padding: .5em; background-color: white; border: thin solid; } #states a { display: block; padding-top: .25em; font-size: small; } </style> </head> <body> <div id="state-choice"> <h4 onclick="$('#states').toggle('slow');">Choose your state</h4> <div id="states"> <a href="award.html">Excited</a> <a href="help.html">Confused</a> <a href="restart.html">Disappointed</a> <a href="loser.html">Angry</a> </div> <p>To help us serve you better.</p> </div> </body> </html>