JQuery slideUp slideDown mouseover mouseout

was ich versuche zu tun, ist zu halten video in .slideDown, bis mouseout text UND video, ist das möglich? hier ist mein code bis jetzt

Beide #text und #video sind div

JS hier:

<script> 
 $(document).ready(function(){
  $("#text").mouseover(function(){
   $("#video").slideDown("slow");
  });
  $("#video").mouseout(function(){
   $("#video").slideUp("slow");
  });
 });
</script>

CSS hier:

#text
{
margin-top:20px;
float:center;
font:VNF-Museo;
font-size:40px;
color: #333;
margin-left:auto;
margin-right:auto;
}

#video
{
display:none;
width:1024px;
height:278px;
}

Suchte ich nach einer Lösung, konnte aber nichts finden, dass etwas in der Nähe.
Danke

InformationsquelleAutor Alan | 2013-04-26

  1. 5

    Bin ich mir nicht 100% sicher, dass dies ist, was Sie versuchen zu tun, aber ich hoffe es hilft:

    html:

    <div id="wrap">
    <div id="text">text</div>
    <div id="video">video</div>
</div>

    js:

    $(document).ready(function(){
  $("#wrap").mouseover(function(){
   $("#video").stop().slideDown("slow");
  });
  $("#wrap").mouseout(function(){
   $("#video").slideUp("slow");
  });
 });

    Beispiel: http://jsfiddle.net/ZyUYN/

    Das ist genau das was ich Suche...Danke! Würde ich per post das endgültige Ergebnis, aber setzen Sie in eine so einfache Weise, dass es keine Notwendigkeit dafür. Prost Daniel!
    Mit einem anderen DIV-Element unter dem ersten macht man das Skript verrückt.
    Die .stop() Methode haben es geschafft! Lerne jeden Tag, thx

    InformationsquelleAutor Daniel

Schreibe einen Kommentar