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.

o coś takiego ci chodzi
link

Albo lepiej bez żadnego jquery http://jsfiddle.net/W7d48/

Wszystko by się zgadzało gdyby nie to, że struktura moich elementów wygląda mniej więcej tak:

[HTML] pobierz, plaintext 
  <ul>
   <li><a href="#" class="open-category">OPen CATEGORY</a></li>
   <li><a href="#">jakis odnosnik</a></li>
    <li><a href="#">jakis odnosnik</a></li>
    <li><a href="#">jakis odnosnik</a></li>
    <li><a href="#">jakis odnosnik</a></li>
  </ul>
 
<div class="category">
  i tutaj ten wysuwający się element
</div>
 
[HTML] pobierz, plaintext 

linklink

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.

da się tylko trzeba zrobić clasy dla wszytskich ul i li a jalepszym sposobem by było zrobienie tego za pomocą select>options