Всё для ВебМастера

<H2 class="acc_trigger">{title}</H2>

<div class="acc_container" style="display: none;">

  <div class="block">

    <div align="center">

      <img src="{image-2}" alt="{title}"  width="120px" height="90px" />

    </div>

    <P>{text limit="200"}...</P>

  </div>
  
  <p class="readmore" align="right">
<a href="{link}" title="{title}">Подробнее</a>
  </p>
</div>

<ul> </ul>

<SCRIPT type="text/javascript">
$(document).ready(function(){
$('.acc_container').hide();
$('.acc_trigger:first').addClass('active').next().show();
$('.acc_trigger').click(function(){
  if( $(this).next().is(':hidden') ) {
    $('.acc_trigger').removeClass('active').next().slideUp();
    $(this).toggleClass('active').next().slideDown();
  }
  return false;
});

});
</SCRIPT>
    
<DIV class="container">
{topnews}

    </div>

/*topnews*/  
.container{width:220px; margin:0 auto}
h2.acc_trigger{ padding:8px 20px 0 0; margin:0 0 8px 0; background:url("../images/off.png") no-repeat right;font-size:12px; font-weight:normal;cursor: pointer;border-bottom:1px dotted #d8d8d8}
h2.acc_trigger a:hover{ color:#ccc}h2.active{background:url("../images/on.png") no-repeat right}
.acc_container{ margin:0 0 5px;padding:0; overflow:hidden; font-size:12px; width:220px; clear:both}
.acc_container .block{}
.acc_container .block p{ padding:0; margin:0 0 12px 0}
.acc_container img{ margin:10px 0 15px 0; padding:5px}
.count_commentar{ color:#999; font-size:.9em; float:right}
.bottomAcc{margin-bottom:10px}