сли такой 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