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

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


jquery mouseover mousedown slidedown slideup
person Alan    schedule 26.04.2013    source источник

Ответы (1)


arrow_upward
4
arrow_downward

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

$(document).ready(function() {
  $("#wrap").mouseover(function() {
    $("#video").stop().slideDown("slow");
  });
  $("#wrap").mouseout(function() {
    $("#video").slideUp("slow");
  });
});
#text {
  margin-top: 20px;
  float: center;
  font: VNF-Museo;
  font-size: 40px;
  color: #333;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #000;
}

#video {
  display: none;
  width: 1024px;
  height: 278px;
  border: 1px solid #000;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="wrap">
  <div id="text">text</div>
  <div id="video">video</div>
</div>

Другой пример: http://jsfiddle.net/ZyUYN/

person Daniel    schedule 26.04.2013
comment
Это именно то, что я ищу... Спасибо! Я бы опубликовал окончательный результат, но вы так просто изложили, что в этом нет необходимости. Здоровья Даниил! - person Alan; 26.04.2013
comment
Наличие еще одного DIV ниже первого сводит сценарий с ума. - person Si8; 01.07.2014