Kleines Script zum triggern von Dropdowns. Nutzt jQuery.

HoverScript.html

<script type="text/javascript">
	jQuery(function($) {

		// Timervariable für die setTimeout-Funktion
		var timer;

		/* Änderbare Daten: */

		// Klassennamen
		var hoverBox  = '.hoverBox';
		var hoverLink = '.hoverLink';

		// Angabe in ms: Wann wird das Dropdown ausgeblendet?
		var hideInterval = 250;

		/* Änderbare Daten Ende */

		// Diese CSS-Eigenschaften sollten am besten schon vorher gegeben sein
		$(hoverBox).css({

			'display': 'none',
			'opacity': 0

		});

		// Funktionen zum Ein- und Ausblenden der Box
		function showBox() {

			$(hoverBox).show().animate({ 'opacity': 1 });

		}

		function hideBox() {

			$(hoverBox).animate({ 'opacity': 0, 'display': 'none' });

		}

		// On-Events
		$(hoverBox).on('mouseleave', function() {

			timer = setTimeout(function() { hideBox(); }, hideInterval);

		}).on('mouseover', function() {

			clearTimeout(timer);

		});

		$(hoverLink).on('mouseover', function() {

			showBox();
			clearTimeout(timer);

		}).on('mouseleave', function() {

			timer = setTimeout(function() { hideBox(); }, hideInterval);

		});

	});
</script>