By Korvin on Mar 11, 2010A much nicer version of my dropdown script, styled version can be seen at http://left4quake.com/maupin for a limited period of time as it is an assignment.
minimum css:
.item {height:0px;}
.drop {float:left;}
minimal setup:
<script src='jquery.js'></script>
<style>.item {height:0px;}.drop {float:left;}</style>
<div class='drop'>List 1<b class='item'>Item 1</b><b class='item'>Item 2</b></div>
<script>
$('.item').hide();
$('.drop').hover(function(){jQuery('.item',this).animate({'height':'20px','opacity':1},200);},function() {jQuery('.item',this).animate({'height':'0px','opacity':0},200);});
</script>
it is crucial that you include the newest version of jquery at the beginning of your file, and have this code after the drop lists are stated.
$('.item').hide();
$('.drop').hover(function(){
jQuery('.item',this).animate({'height':'20px','opacity':1},200);
},
function(){
jQuery('.item',this).animate({'height':'0px','opacity':0},200);
});
Warning: Invalid argument supplied for foreach() in /home/hawkee/public_html/post_snippet.php on line 162
Warning: Cannot modify header information - headers already sent by (output started at /home/hawkee/public_html/post_snippet.php:162) in /home/hawkee/public_html/post_snippet.php on line 180
Warning: Cannot modify header information - headers already sent by (output started at /home/hawkee/public_html/post_snippet.php:162) in /home/hawkee/public_html/phpBB2/includes/page_header.php on line 503
Warning: Cannot modify header information - headers already sent by (output started at /home/hawkee/public_html/post_snippet.php:162) in /home/hawkee/public_html/phpBB2/includes/page_header.php on line 509
Warning: Cannot modify header information - headers already sent by (output started at /home/hawkee/public_html/post_snippet.php:162) in /home/hawkee/public_html/phpBB2/includes/page_header.php on line 510
going to bed gn.