Po najetí myši zobrazí element, jenže – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Hezký den,

mám div(.tecka), který je ostylovany, a po najetí kurzorem, se mi zobrazí další element div(.info). A když mám těch elemntu .tecka víc, tak se mi u všech zobrazí div .info. 

V jquery to mám takto.

<script language="javascript" type="text/javascript">
  $(document).ready(function(){
      var myQuote = $('.info');
          myQuote.hide();
              
              $('.tecka').click(function(){
                myQuote.show();
              });
              
              $('.tecka').mouseout(function(){
                myQuote.hide();
              });
              
      });
  </script>

Ale chci to udělat tak, aby se mi zobrazil element .info, jen nad elementem, nad kterým mám kurzor. Tudíš jen u jednoho a nevím jak toho docílit. Zkoušel, hledal jsem ale nemohl jsem na nic přijít. 

Děkuji za rad.

$('.info') matchne na vsetky elementy s class="info", takze to musis aplikovat len na tie, ktore maju ako parent ten .tecka div.

Takze  

$('.tecka').mouseover(function(){
   $(this).find('.info').show();
});

Za predpokladu, ze mas 

<div class="tecka">
  <div class="info"></div>
</div>
<div class="tecka">
  <div class="info"></div>
</div>

http://jsfiddle.net/9Hntj/1/

#2 Ericsko
Ruku líbám ! 

Funguje to přesně jak jsem potřeboval !

Děkuji