Планое появление и плавное затухание

[rusbody]

сли такой html код:

<div id="main">

<div class="c1">
<div class="quo" style="display: none"><a  href="#quote"><img src="quote.gif"/></a></div>
</div>

<div class="c1">
<div class="quo" style="display: none"><a  href="#quote"><img src="quote.gif"/></a></div>
</div>   

<div class="c1">
<div class="quo" style="display: none"><a  href="#quote"><img src="quote.gif"/></a></div>
</div>   
...............   

</div>

Мне необходимо сделать, так чтобы когда мы наводили мышкой на <div class="c1">, то <div class="quo"> плавно становился видимым, а когда убирали, то исчезал.

Я сделал так.

jQuery(".c1").hover(function () {
jQuery(".quo").fadeIn("normal");
    });
   
jQuery(".c1").mouseleave(function () {
jQuery(".quo").fadeOut("normal");
    });

Но он срабавыет сразу для всех , т.е. как надо сделать, чтобы срабатывал только для наведенного дива c1 и дива внутри него quo

[rusbody]

во! надо сделать так же как тут, когда наводишь на код и вправом верхнём углу появляются кнопки "копировать в буфер", "показать", "печать" и т.д.

[kadabrik]

jQuery(".c1").hover(
    function () //mouseIn
    {
      jQuery(this).find('.quo').fadeIn("normal");
    },
    function () //mouseOut
    {
      jQuery(this).find('.quo').fadeOut("normal");
    }
);

[anna-web]

Помогите,пожалуйста.
При наведении на низ большой картинке, появляется поле, но если попадаешь на его края, оно начинает появляться и скрываться без остановки само. В общем ведет себя неадекватно. Что можно сделать?
de-collection.ru/spalni/duplicate-of-stosa/cosmo