Situation:I have 3 div's|left|center|right|I have 3 other divs inside left and 3 other inside right.When I pass in any of this 6 divs, they increase width.The right side is ok, but the left side, when it grows, is still behind the center div.Is more easy too see
ass the mouse over left menu, and you still see the text in the center div. This behavior do not happens on the right side.\[code\] <div class="wrapper"> <div class="menu_left"> <div class="item_left"> </div> <div class="item_left"> </div> <div class="item_left"> </div> </div> <div class="central">XXXXXXXX XXXXXXX</div> <div class="menu_right"> <div class="item_right"> </div> <div class="item_right"> </div> <div class="item_right"> </div> </div> </div><script> //$("div").fadeIn(3500); $(".item_left").mouseenter(function() { $(this).animate({ width: "240px"}, 350); }); $(".item_left").mouseleave(function() { $(this).animate({ width: "100px" }, 350); }); $(".item_right").mouseenter(function() { $(this).animate({ width: "240px"}, 350); }); $(".item_right").mouseleave(function() { $(this).animate({ width: "100px" }, 350) });</script>\[/code\]http://jsfiddle.net/lcssanches/E7B3t/1/EDIT:Left menu: I want avoid this
Right menu: correct!
ass the mouse over left menu, and you still see the text in the center div. This behavior do not happens on the right side.\[code\] <div class="wrapper"> <div class="menu_left"> <div class="item_left"> </div> <div class="item_left"> </div> <div class="item_left"> </div> </div> <div class="central">XXXXXXXX XXXXXXX</div> <div class="menu_right"> <div class="item_right"> </div> <div class="item_right"> </div> <div class="item_right"> </div> </div> </div><script> //$("div").fadeIn(3500); $(".item_left").mouseenter(function() { $(this).animate({ width: "240px"}, 350); }); $(".item_left").mouseleave(function() { $(this).animate({ width: "100px" }, 350); }); $(".item_right").mouseenter(function() { $(this).animate({ width: "240px"}, 350); }); $(".item_right").mouseleave(function() { $(this).animate({ width: "100px" }, 350) });</script>\[/code\]http://jsfiddle.net/lcssanches/E7B3t/1/EDIT:Left menu: I want avoid this