[RESOLVED] jquery dropdown firefox bug

[5wooley4]

I am writing a simple script that blinds down a div to create a dropdown effect. its on .hover, however it doesnt work on firefox, works on chrome and ie. Its on this page: http://port2.ericwooley.com

Its a simple page i made where thats really all thats happening. I've been playing around with it and it seems like an event problem. As long as i keep the mouse in there it restarts the animation as soon as its finished. creating a jerky dissapear to blind down again. Seems like firefox is calling that event over and over?

If its unclear, please let me know, this has got me completely stumped. Its a pretty simple script

Here is the js:

<script type="text/javascript">
	function showContent(div){
		 $('#'+div+' .drop_down_content').show('blind', 'slow');
	}
	function hideContent(div){
		 $('#'+div+' .drop_down_content').hide('blind', 'fast');
	}
	function activate(div){
		$('#'+div).hover(
				function(){
					showContent(div);
				},
				function(){
					hideContent(div);
				}
		);
	}
	divs = new Array('right_drop_down', 'left_drop_down');
	$(document).ready(function() {
		$.each(
			divs,
			function(index, value){
				activate(value);
			}
		
		)
	});
</script>

Here is one of the relevant divs:

<div id='right_drop_down' class='drop_down' >
        <div class='drop_down_content'> <br />
			<i>Phone</i><br />
            (805) 234-7651<br /><br />

            <i>Email</i><br />
            5wooley4@gmail.com<br />

        </div>
        <div class='drop_down_tab'> Contact Me </div>
      </div>

[A1ien51]

You might want to look into hoverIntent instead of hover: http://cherne.net/brian/resources/jq...verIntent.html

Eric

[5wooley4]

Worked like a charm, thanks!