Как я могу показать div с наведением Jquery, а затем скрыть?

Я пытаюсь показать div при наведении курсора на изображение и скрыть div, когда он не наведен на изображение, как это делается?? Пока у меня есть базовое шоу:

  <script type="text/javascript">

  $(document).ready(function(){

  $(".plans").hover(function()
  {
    $("#planssubnav").show("slow");
  }

);

});

  </script>

person user342391    schedule 10.06.2010    source источник


Ответы (1)


Попробуй это:

 $(document).ready(function(){
  $(".plans").hover(function() {
    $("#planssubnav").show("slow");
  }, function(){
    $("#planssubnav").hide("slow");
  });
 });

Методу hover нужны две функции (вторая не обязательна), первый выполняется, когда мышь входит в обернутый набор, а второй, когда мышь покидает его, поэтому вам не хватало второго, чтобы скрыть его.

person Sarfraz    schedule 10.06.2010
comment
Технически ему не нужны две функции. Если указан только один, он вызывается как при наведении мыши, так и при ее отсутствии. - person Felix Kling; 10.06.2010