Я пытаюсь сдвинуть все другие подменю 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);
});
});
Почему бы просто не сделать это: см. Fiddle
$(document).ready(function(e){
$(".item").click(function(){
$(this).nextAll().children('div').stop().slideUp();
$(this).prevAll().children('div').stop().slideUp();
$(this).children('div').slideDown();
});
});
Добавить
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;
}