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

[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


-- 

http://function2form.net
http://peter-kuehnlein.net

"It is a matter of course that a warrior's attitude should be to be in the vanguard during an attack and in the rear during a retreat."
(Hagakure)