показать и скрыть div с помощью jquery, так же, как веб-сайт mashable.com

Question

показать и скрыть div с помощью jquery, так же, как веб-сайт mashable.com

0

У меня есть этот скрипт:

$(document).ready(function(){
    $(".show_hide5").mouseover(function(){
        $('.selected').removeClass('selected');
        $(this).next().fadeIn("slow").addClass('selected');
        $(".slidingDiv5").not('.selected').fadeOut("slow");
    });

    $('.selected').removeClass('selected');
    $(this).next().fadeIn("slow").addClass('selected');
    $(".slidingDiv5").not('.selected').fadeOut("slow");
});

и этот скрипт работает до сих пор, но он все еще не хватает чего-то, потому что теперь он показывает div на mouseover на стрелке, как вы можете видеть на mashable-сайте, но область общего доступа не скрывается на мышином уровне, только она скрывается, когда вы ставите мышь на другой стрелке.

все, что мне нужно, - это скрыть область общего доступа в мыши.

заранее спасибо.

user2903920 10 нояб. 2013, в 11:54

Источник

0

Вот ответ ... работает отлично; $ (document) .ready (function () {$ (". slideDiv5"). fadeOut ("slow"); $ (". show_hide5"). mouseover (function () {$ ('. selected'). removeClass ( 'selected'); $ (this) .next (). fadeIn ("slow"). addClass ('selected');}); $ (". main_div"). mouseleave (function () {$ (". slipDiv5 ") .fadeOut (" slow ");});});
user2903920 10 нояб. 2013, в 11:40

Теги:

javascript

jquery

html

1 ответ

Ещё вопросы

Вот ответ ... работает отлично; $ (document) .ready (function () {$ (". slideDiv5"). fadeOut ("slow"); $ (". show_hide5"). mouseover (function () {$ ('. selected'). removeClass ( 'selected'); $ (this) .next (). fadeIn ("slow"). addClass ('selected');}); $ (". main_div"). mouseleave (function () {$ (". slipDiv5 ") .fadeOut (" slow ");});});

Manolo · Answer 1 · 2013-11-10T09-05-00.000Z

Если я хорошо понимаю, вы хотите исчезнуть .slidingDiv5 на событии mouseleave:

$(document).ready(function(){
   $(".show_hide5").mouseover(function(){
       $('.selected').removeClass('selected');
       $(this).next().fadeIn("slow").addClass('selected');
       $(".slidingDiv5").not('.selected').fadeOut("slow");
   });
   $(".show_hide5").mouseleave(function(){
       $(".slidingDiv5").fadeOut("slow");
   });
});

Нет, мне нужно исчезнуть при скольжении Div5 при наведении мыши,
Попробуй. Я отредактировал ответ.
спасибо, fadeOut работает хорошо, но у меня все еще есть две проблемы: 1) все divs SlidingDiv5 уже появляются, поэтому мне нужно их скрыть. 2) когда mouseleave show_hide5, slideDiv5 исчезает, и это не позволяет мне получить долю btns
Вот ответ ... работает отлично; $ (document) .ready (function () {$ (". slideDiv5"). fadeOut ("slow"); $ (". show_hide5"). mouseover (function () {$ ('. selected'). removeClass ( 'selected'); $ (this) .next (). fadeIn ("slow"). addClass ('selected');}); $ (". main_div"). mouseleave (function () {$ (". slipDiv5 ") .fadeOut (" slow ");});});