Просмотр поста

Dimario (22.06.2011/16:20)
Данная статья ненаучит вас кодить или стать супер web мастером, но все же.

Многие в наше время сидят вконтакте и видят как там все динамично и красиво,
но понять как это работает по исходному коду

Ты сам то с jQuery хорошо знаком? Зачем так усложнять?

<div class="hide">Текст скроется если на него нажать</div>
<script type="text/javascript">
$('div.hide').fadeOut('slow');
</script>

Теперь все элементы, заключенные в <div class="hide"></div> при клике на них будут скрыватся.
Можно пойти дальше:

<div class="hidenext">Скрыть/открыть</div>
<div>Текст</div>
<div class="hidenext">Скрыть/открыть 2</div>
<div>Текст 2</div>
<script type="text/javascript>"$('div.hidenext').click(function (){$(this).next().slideToggle('normal')});</script>

С данным кодом при клике на любой элемент в div классе hidenext следующий элемент будет скрыватся, при повторном клике раскрыватся.
На скрине видно о чем я(При кликена блоке "Контактные данные" появятся контактные данные, при клике на надписи "Стена", стена скроется). =)