Menu horizontal em JS

Boas!

saquei um menu em js mas nao domino.
ele é todo engraçado mas nao funciona como eu quero: é preciso dar clique pasra abrir e fechar os submenus.

Gostava de alterar isso para ficar ativo apenas com o "hover", e já o consegui, mas so está ativo quando estou em cima do menu,quando tento passar aos submenus eles desaparecem.


o código é este:


$( document ).ready(function() {
$('#cssmenu > ul').prepend('<li class="mobile"><a href="#"><span>Menu <i>☰</i></span></a></li>');
$('#cssmenu > ul > li > a').click(function(e) {   ------->mudei aqui para "hover onde está "click"
  $('#cssmenu li').removeClass('active');   Mas acho que tenho ainda que fazer mais qqr coisa
  $(this).closest('li').addClass('active');
  var checkElement = $(this).next();
  if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
$(this).closest('li').removeClass('active');
checkElement.slideUp('normal');
  }
  if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
$('#cssmenu ul ul:visible').slideUp('normal');
checkElement.slideDown('normal');
  }
  if( $(this).parent().hasClass('mobile') ) {
e.preventDefault();
$('#cssmenu').toggleClass('expand');
  }
  if($(this).closest('li').find('ul').children().length == 0) {
return true;
  } else {
return false;
  }
});

});



Se alguém me puder ajudar, agradeço !

Cumps !