<style type="text/css">
/* StartStyle */
.hideWrap{
text-align:left; /* Устанавливаем выравнивание по левому краю */
clear:both;
}
.hideBtn{
display:block; /* Дисплей блок - для ссылки - необходимо, для установки фона */
background:transparent url("/_example/_img/_lib1/_plus.gif") no-repeat left center; /* Картинка «плюс» */
font:bold 11px/15px Verdana,sans-serif;
padding:1px 14px 2px; /* Отступы - для картинки ... и вообще ... */
cursor:pointer;
outline:none; /* Скрываем рамочку, при нажатии */
}
.hideBtn.show{
background-image: url(/_example/_img/_lib1/_minus.gif); /* картинка «минус» - для открытого блока */
}
.hideCont{
display:none; /* Скрываем контент */
}
/* EndStyle */
</style>

<div class="hideWrap">
     <a class="hideBtn" href="javascript://" onclick="$('#hideCont1').slideToggle('normal');$(this).toggleClass('show');return false;">$TITLE$</a>
     <div id="hideCont1" class="hideCont">$ANSWER$</div>
</div>