Скользящий div перекрывает внешний div?

Question

Скользящий div перекрывает внешний div?

0

Я пытаюсь сдвинуть все другие подменю div и подменю fadein current, но при раздвижении другого подменю div перекрывает внешний div.

Вот код: FIDDLE

     $(document).ready(function(e){
             $(".item").click(function(){                                 
                $(this).nextAll().children('div').stop().slideUp();
                $(this).prevAll().children('div').stop().slideUp();
                $(this).children('div').fadeIn(1000);
            });
        });

Developer Desk 21 март 2014, в 12:07

Источник

Теги:

jquery

html

2 ответа

Ещё вопросы

Ankit Tyagi · Answer 1 · 2014-03-21T08-37-00.000Z

Почему бы просто не сделать это: см. Fiddle

$(document).ready(function(e){
    $(".item").click(function(){                                 
        $(this).nextAll().children('div').stop().slideUp();
        $(this).prevAll().children('div').stop().slideUp();
        $(this).children('div').slideDown();
    });
});

Я хочу сделать эффект скольжения, как этот imagery.gettyimages.com/getty_images_keyword_guide/usa/… Перейти к категории людей, для этого я использовал fadein

Think Different · Answer 2 · 2014-03-21T08-16-00.000Z

Добавить

overflow:hidden;

to #products div. См. JSFiddle

#products {
            margin: 10px;
            float: left;  
            overflow:hidden;
            border: 1px solid gray;
            height: 490px;
            box-shadow: 0px 1px 7px 2px #050505;
            width: 300px;
            background:gray;

        }