jquery - Sliding up div overlaps outer div? -

i trying slideup other sub-menu div , fadein current sub-menu while sliding other sub-menu div overlaps outer div.

here code : 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);             });         }); 

why not : see fiddle

$(document).ready(function(e){     $(".item").click(function(){                                          $(this).nextall().children('div').stop().slideup();         $(this).prevall().children('div').stop().slideup();         $(this).children('div').slidedown();     }); });