Slyweb
На разработку сайта! Скидки 50%!

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

Вы можете задавать любые вопросы по jQuery.

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

Сообщение rusbody » 25 фев 2011, 19:43

Если такой 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
 
Сообщения: 1
Зарегистрирован: 25 фев 2011, 19:35

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

Сообщение admin » 26 фев 2011, 01:42

Посмотрите так:
Код: Выделить всё
jQuery(".c1").hover(function () {
jQuery(".quo",this).fadeIn("normal");
    });
   
jQuery(".c1").mouseleave(function () {
jQuery(".quo",this).fadeOut("normal");
    });
admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02


Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 2

cron