Цитата:
Сообщение от monax_111
во время выполнения анимации нажми на паузу и посмотри на стили объекта - специально время большое задал
|
Ну зачем чушь пороть, что не работает?
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
.additions {
float:left;
white-space:nowrap;
overflow:hidden;
padding:15px;
background-color:#E5E5E5;
margin:30px;
cursor:default;
}
</style>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<center>
<center class=" additions main_factors_div">4 фактор(ов)</center>
<center class="additions main_connect_div">5 связь(ей)</center>
</center>
<script>
$(document).ready(function () {
doc_w = $(window).width()-50;
additions_div_width=(doc_w-300)/2;
$('.additions').css({"width":additions_div_width})
$('.main_connect_div').one("click",show_connect)
})
function show_connect(){
$('.main_factors_div').animate({width : 0, opacity : 0}, 5000).css({});
}
</script>
</body>
</html>
Можно оставить и inline-block, но выравнивать их их по верху родительского блока. Но это все равно блоки наследуемые все от inline, а что это значит, ищите и читайте, в сети много об этом, кстати и полезное во многих случаях будет. |