Css menu, do not hide current menu link on hover

[NeupleGal]

Here i made an example of my menu jsfiddle. So i have horizontal menu with drop down, but what i need is - on page load first \[code\]li\[/code\] should be expanded(this is not hard) and when i hover on any other element it should display current expanded content(and if i \[code\]mouseleave\[/code\] current element should be expanded).This is the situation when i hover on \[code\]Item2\[/code\] and mouseleave \[code\]Item2\[/code\] it should stay like this: \[code\]Item1 Item2 Item3 |||||subItem2.1 subItem2.2 subItem2.3\[/code\]