[JavaScript]Problem z show / hide diva, jquert Opcje

[miras]

Witam, mam dwa divy:

[HTML] pobierz, plaintext 
<div class="open-category">KATEGORIE</div>
jakis tekst ads adsads
 
 
<div class="category">podkategorie</div>
 
 
i w ten sposób to pokazuje i ukrywam
 
            <script>
               if (screen.width > 765) {
                    $(".open-category").mouseover(function(){
                        $(".category").show();
                    });
 
                    $("#test").mouseleave(function(){
                        $(".category").hide();
                    });
                }
            </script>
 
 
[HTML] pobierz, plaintext 

div .category ma position: absolute; i pomimo tego, że pomiędzy tymi dwoma elementami jest jeszcze coś to ustawia się od razu pod open-category. Problem się pojawia gdy przechodzę myszką z diva open-category do diva category, wtedy mi się chowa div category. Trochę nagmatwałem, ale mam nadzieję, że ktoś zrozumie.

[miras]

Niestety to nie działa tak, jak ja to opisałem - chodzi o to, że na jednej belce są różne <li>nazwy podstron</li> i po najechaniu na pewną zakładkę wyświetla się div category, który jest pod całym <ul> </ul>

Tego raczej się nie da zrobić za pomocą samego css'a, ponieważ po najechaniu na jeden element - musi się pojawić drugi niezależny od pierwszego.