kostenloser Webspace werbefrei: lima-city

[jquery] mehrere Element an eine Aktion binden?

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   s******g

   21:57, 7.8.2011

   Hallo Leute,
   
   ich bin auf der Suche nach einer Möglichkeit mit Jquery folgendes zu realisieren:
   
   #12 soll eingeblendet werden sobald man mit der Maus über #11 fährt, allerdings so lange stehen bleiben bis man #11 und #12 verlassen hat!
   
   Ich habe mir bis jetzt folgendes erarbeitet, jedoch verschwindet #12 natürlich sobald ich #11 verlasse... gibt es keine Möglichkeit mehrere divs diesem Script zuzuordnen, also gleich am Anfang?
   
   

   <script>
   $("#11").bind("mouseenter",function(){
         $("#12").slideToggle();
       }).bind("mouseleave",function(){
         $("#12").slideToggle();
       });
   </script>

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. a************n

   15:00, 9.8.2011

   --> http://api.jquery.com/multiple-selector/
   
   Also:
   

   $('#11').bind('mouseenter',function(){
     $('#12').fadeIn();
   });
   $('#11,#12').bind('mouseleave',function(){
     $('#12').fadeOut();
   });

   
   Allerdings ungetestet

4. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?