[TYPO3-german] OT: Menüproblem / jQuery

[Susanne]

Hallo Peter,

noch ein Versuch:

$(document).ready(function()
     { $( "#primenav li" ).hover(
         function() {
             $(this).children("div").fadeIn();
         }, function() {
$(this).children("div").fadeOut();
         }
     );
});

Gruß
Susanne

Am 11.03.2014 19:51, schrieb Peter Kühnlein:
> Schönen Abend Susanne,
>
> und Danke für das Snippet... ich werd heut echt noch wahnsinnig: das 
> macht exakt das Gleiche wie das, das ich gebastelt hatte. Also: vom 
> aktiven Menüpunkt aus, dem nächsten und überübernächsten... das ist 
> doch irre.
>
> LG Peter
>
> Am 11.03.2014 17:00, schrieb Susanne:
>> Hi,
>>
>> sorry, irgendwas ist beim reincopieren mit dem code passiert. Hier 
>> der code nochmal (hoffentlich) in ordentlich:
>> ungetestet, aber versuchs mal mit hover:
>>
>> $(document).ready(function()
>>     { $( "#primenav li" ).hover(
>>         function() {
>>             $($(this).find("div")).fadeIn();
>>         }, function() {
>>             $($(this).find("div")).fadeOut();
>>         }
>>     );
>> });
>>
>> Gruß Susanne
>>
>> Am 11.03.2014 09:32, schrieb Peter Kühnlein:
>>> Moin Liste,
>>>
>>> ich hab ein kleines Offtopic-Problem, eigentlich eher jQuery:
>>>
>>> Ich erzeuge ein Dropdown-Menü mit dieser Struktur
>>>
>>> <ul id="primenav">
>>>  <li class="menu_act"><a href="home/" onfocus="blurLink(this);"  
>>> >HOME</a></li>
>>>  <li class="menu_no"><a href="leistungen/akquisition/" 
>>> onfocus="blurLink(this);" >LEISTUNGEN</a>
>>>   <div>
>>>    <ul class="menu-level2">
>>>     <li class="menu_no"><a href="leistungen/akquisition/" 
>>> onfocus="blurLink(this);" >Akquisition</a></li>
>>>     <li class="menu_no"><a href="leistungen/direktmarketing/" 
>>> onfocus="blurLink(this);" >Direktmarketing</a></li>
>>>     <li class="menu_no"><a 
>>> href="leistungen/firmenadressen-international/" 
>>> onfocus="blurLink(this);"  >Firmenadressen International</a></li>
>>>     <li class="menu_no"><a 
>>> href="leistungen/firmenadressen-deutschland/" 
>>> onfocus="blurLink(this);"  >Firmenadressen Deutschland</a></li>
>>>    </ul>
>>>   </div>
>>>  </li>
>>> ...
>>> </ul>
>>>
>>> Die div mit der Liste auf der 2. Ebene ist ausgeblendet übers CSS
>>>
>>> #primenav li div {
>>>     position:relative;
>>>     z-index:10;
>>>     display:none;
>>> ...
>>> }
>>>
>>> Sie soll eingeblendet werden mit einem kleinen jQuery-Skript
>>>
>>> <script>
>>> $(document).ready(function(){
>>>   $("#primenav li").mouseenter(function(){
>>>     $($(this).find("div")).fadeIn();
>>>   });
>>> });
>>> $(document).ready(function(){
>>>   $("#primenav li").mouseleave(function(){
>>>     $($(this).find("div")).fadeOut();
>>>   });
>>> });
>>> </script>
>>>
>>> Aber dieses Skript greift nur, wenn der Menüpunkt, in dem die div 
>>> steht, aktiviert ist. Soll natürlich greifen, wann immer der 
>>> Mauszeiger über dem entsprechenden li der 1. Ebene landet. Verdammt! 
>>> Was mach ich falsch?
>>>
>>> Danke schon jetzt für die Hilfe,
>>> Peter
>
>