Menu abrir ao passar o mouse

[Giihh 6]

Olá,

 

Como fazer para abrir o menu ao passar o mouse? Atualmente funciona somente se clicar.

O javascript esta assim:

var cbpHorizontalMenu = (function() {

	var $listItems = $( '#cbp-hrmenu > ul > li' ),
		$menuItems = $listItems.children( 'a' ),
		$body = $( 'body' ),
		current = -1;

	function init() {
		$menuItems.on( 'click', open );
		$listItems.on( 'click', function( event ) { event.stopPropagation(); } );
	}

	function open( event ) {

		if( current !== -1 ) {
			$listItems.eq( current ).removeClass( 'cbp-hropen' );
		}

		var $item = $( event.currentTarget ).parent( 'li' ),
			idx = $item.index();

		if( current === idx ) {
			$item.removeClass( 'cbp-hropen' );
			current = -1;
		}
		else {
			$item.addClass( 'cbp-hropen' );
			current = idx;
			$body.off( 'click' ).on( 'click', close );
		}

		return false;

	}

	function close( event ) {
		$listItems.eq( current ).removeClass( 'cbp-hropen' );
		current = -1;
	}

	return { init : init };

})();

Na function init, tentei altera o click para hover e também tentei MouseOver:

function init() {
		$menuItems.on( 'Mouseover', open );
		$listItems.on( 'Mouseover', function( event ) { event.stopPropagation(); } );

Não houve alteração, alguma ideia de como resolver?

 

Agradeço ajuda