krvsaDadontони сжимаются к центру
Так смотря ка ты их расположил... Делай полный тестовый пример, а не огрызки кода.
Ну примерно так:
<html>
<head>
<style>
#mainpic {
height: 45%;
width: 84%;
text-align:center;
background-color: Aquamarine
}
#leftmain, #rigthmain {
background-color:red;
width:49%;
height:100%;
display: inline-block;
}
</style>
<script src="//yandex.st/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
</head>
<body>
<div id="mainpic" >
<div id="leftmain" ></div>
<div id="rigthmain" ></div>
</div>
</body>
<script>
$(document).ready(function(){
$("#rigthmain").animate({'width':'-50%'},3000);
$("#leftmain").animate({'width':'-50%'},3000);
});
</script>
</html>
