andredublin · August 31, 2011 19:48
diff --git a/menu hover effect b/menu hover effect
 	function selectable() {
 		var arrow = "<div class='arrow'><p>Hey</p></div>";
 		$('.selectable').css('position','relative');
 		$(arrow).css('position','absolute');
 		$('.selectable').append(arrow);
 	}
 	selectable();
 	// starting arrow on the first index
 	// cache the height of the ul
 	// the arrow will be centered by the height/2 of the current li
 	// onclick find the height of the current li
 	// animate the arrow position by the height of the ul - the height of the li + the center of the li