JQuery slideDown slideUp при наведении мыши

Question

JQuery slideDown slideUp при наведении мыши

То, что я пытаюсь сделать, это держать видео в.slideDown до тех пор, пока не будет выделен текст и видео, это возможно? вот мой код до сих пор

И #text, и #video являются div

JS здесь:

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

CSS здесь:

#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;
}

Я искал решение, но не мог найти что-то такое близкое. Спасибо

2

jquery mouseover slidedown slideup mousedown

Источник

user1691719 26 апр '13 в 08:11

1 ответ

Решение

Другие вопросы по тегам jquery mouseover slidedown slideup mousedown

user777479 26 апр '13 в 08:29 2013-04-26 08:29 · Accepted Answer · 2013-04-26 08:29

Я не уверен на 100%, что это то, что вы пытаетесь сделать, но я надеюсь, что это поможет:

HTML:

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

ЯШ:

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

Рабочий пример: http://jsfiddle.net/ZyUYN/