Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Планое появление и плавное затухание (https://javascript.ru/forum/jquery/15413-planoe-poyavlenie-i-plavnoe-zatukhanie.html)

rusbody 25.02.2011 17:50

Планое появление и плавное затухание
 
сли такой 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 25.02.2011 17:52

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

kadabrik 26.02.2011 00:37

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

anna-web 15.10.2012 14:46

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


Часовой пояс GMT +3, время: 08:18.