Javascript-форум - Съезжающие дивы

Есть такая проблема: при разработке сайта jQuery 1) http://ruseller.com/adds.php?rub=11&id=2174 2) http://ruseller.com/adds/adds2174/example/
не ясно каким образом помещать информацию в блоки, что они создали. Когда я начала помещать текст в эти дивы, то информация размещалась в одной из колонок в столбик, а не во всех трёх по-ширине.
Здесь на сайте я увидела один код и решила его применить, только у меня ничего не выходит.
Советовали написать функцию onClick.//
Помогите пожалуйста.

<script type="text/javascript">
function slide1(obj, direction, b) {
    clearInterval(window.z1);
    counter1 = 0;
    z1 = setInterval(function () {
        if (b ? parseInt(obj.style.left) < 0 : parseInt(obj.style.left) > -900) {
            obj.style.left = parseInt(obj.style.left) + direction + 'px';
            counter1++;
        } else {
            clearInterval(z1);
        }
    },
    1);
}
    var oc = document.getElementById('center1');
    oc.onmouseover = function () {
        slide1(document.getElementById('left'), 3, true);
    }
    oc.onmouseout = function () {
        slide1(document.getElementById('left'), -3, false);
    }

</script>
	</div>

<div class="content">
				<div id="sbi_container" class="sbi_container">

<div id="left"> 
<p>Текст, который должен выезжать, при нажатии или наведении на ссылку "Карта города"</p>
</div>

					<div id="go1" class="sbi_panel" data-bg="images/5b.jpg">
						<a href="#" class="sbi_label">Главная</a>
						<div class="sbi_content">
							<ul>
								<li><a id="center1">Карта города</a></li>

								<li><a id="center" href="#">Новости Харькова</a></li>

							</ul>
						</div>
					</div>