Выпадающее меню на jquery

[T@NKIST]

Хочу создать меню на jquery, но не получается, помогите

Вот кусок html:

<style>
.logoMenu {
    border: solid 1px black;
    width: 109px;
    height: 502px;
    top: 30px;
    left: 6px;
    position: fixed;
    display: none;
    z-index: 100;
}

.logoMenu .img {
    display: block;
    height: 26px;
    top: 0px !important;
    padding: 0 !important;

}
</style>

<div class="upMenu">
    <div class="logo"><a href="/"><img src="images/miniLogo.png" onmouseover="logo()" onmouseout="logo2()" title="Домой"/></a></div>
</div>
<div class="logoMenu" onmouseout="logoMenuC()">
<a href="/" class="img"><img src="images/miniNews.png" onmouseover="logoN()" onmouseout="logoN2()" title="Последние новости"/></a>
<a href="/" class="img"><img src="images/miniTop10.png" onmouseover="logoT()" onmouseout="logoT2()" title="Лучшая десятка недели"/></a>
</div>

а вот js:

function logo(){
    $('.logo a img[src]').attr('src','images/miniLogo2.png');
    $('.logoMenu').show(2);
}

function logo2(){
    $('.logo a img[src]').attr('src','images/miniLogo.png');
}

function logoMenuC(){
    $('.logoMenu').hide(2);
}

function logoN(){
    $('.logoMenu a img[src="images/miniNews.png"]').attr('src','images/miniNews2.png');
}

function logoN2(){
    $('.logoMenu a img[src="images/miniNews2.png"]').attr('src','images/miniNews.png');
}

function logoT(){
    $('.logoMenu a img[src="images/miniTop10.png"]').attr('src','images/miniTop102.png');
}

function logoT2(){
    $('.logoMenu a img[src="images/miniTop102.png"]').attr('src','images/miniTop10.png');
}

в общем когда наводишь на картинку с класса logo то проявляется панелька с меню, когда наводишь на первый элемент меню то все ок но когда ведешь дальше на второй элемент то панелька закрывается

я такое первый раз делаю и не знаю как её точно сделать а скачать готовою я не хочу, хочу свою

[Great Rash]

А чем не устраивает реализация на CSS?

[T@NKIST]

А чем не устраивает реализация на CSS?

а как сделать?

[Great Rash]

«css выпадающее меню» в Google.