Помогите пожалуйста с Сворачивающейся панелью

[DrKilroy]

Я хотел сделать так, чтобы в просмотрах топика слева, там где информация о пользователе дополнительные поля могли сворачиваться, для этого и дописал код (по образцу с главной страницы), вот что вышло:

 

<div align="center" style="background-color:#343434; padding: 4px; margin-top:5px; border-top: 1px solid #494949; border-left: 1px solid #494949; border-bottom: 1px solid #101010; border-right: 1px solid #101010;">
			{$author['member_group']}<br />
			{$author['member_posts']}<br />
			{$author['member_joined']}<br />
			{$author['member_location']}


<div style="display:{$data['div_fc']}" id="fc_{$data['id']}">
<a href="java script:togglecategory({$data['id']}, 0);"><img src='style_images/<#IMG_DIR#>/user_info.gif' border='0' hspace="3" alt='Свернуть' /></a>
</div>
<div style="display:{$data['div_fo']}" id="fo_{$data['id']}">
<a href="java script:togglecategory({$data['id']}, 1);"><img src='style_images/<#IMG_DIR#>/user_info.gif' border='0' hspace="3" alt='Свернуть' /></a>
<if="$author['custom_fields'] != """>{$author['custom_fields']}</if></div>


</div>

 

Я имею ввиду всё что, связанно с togglecategory. Я не спец в Javascript и никогда до этого не работал с этим языком программирования и не знаю как он действует, но знаю одно, к сожалению ничего не вышло, на странице просто дважды отображается картинка, на которую можно нажать но ничего не происходит:

<img src='style_images/<#IMG_DIR#>/user_info.gif' border='0' hspace="3" alt='Свернуть' />

 

Подскажите, как правильно сделать Сворачивающаяся панель, я искал и в яндексе и в программе Dreamweawer в помощи, никакой нужной информации не нащёл.

Буду благодарен за помощь.