Делаю обычный горизонтальный аккордион с контентом на jquery.
<div class="intro">
<div class="item">
<div class="title"><img src="images/slider-button1.png" /></div>
<div class="inner">…</div>
</div>
<div class="item">
<div class="title"><img src="images/slider-button2.png" /></div>
<div class="inner">…</div>
</div>
<div class="item">
<div class="title"><img src="images/slider-button3.png" /></div>
<div class="inner">…</div>
</div>
</div>
$('.intro .title').click(function(){
$('.intro .inner').animate({"width":0}, {queue:false});
$(this).parent().find('.inner').animate({"width":595}, {queue:false});
});
При клике раскрытый блок должен сворачиваться и одновременно разворачиваться тот на который нажали.
При queue:false анимации по идее должны стартовать одновременно, однако небольшая задержка присутствует, раскрытие начинается не сразу.