<a href="javascript://" onclick="add_thanks();">Сказать спасибо</a>  
<div class="thanks_yekki"> {SUMMA}{LIST}</div>

<style type="text/css">  
#spoiler {border:1px solid #ccc;}  
.title_spoiler {background:#f7f7f7; padding:8px;cursor:pointer; }  
#spasibo {float:right;}  
.content_spoiler {background:#fff;padding:8px;border-top:1px dotted #ccc;display:none;}  
</style>  
<div class="thanks_yekki" id="spoiler"><div class="title_spoiler" onclick="ys();">Сказали спасибо: <b>{SUMMA}</b><a href="javascript://" id="spasibo" onclick="add_thanks();">Сказать спасибо!</a></div><div class="content_spoiler">{LIST}</div></div>  
<script type="text/javascript">function ys(){$('.content_spoiler').slideDown(500);$('.title_spoiler').attr('onclick','ys2();');}function ys2(){$('.content_spoiler').slideUp(500);$('.title_spoiler').attr('onclick','ys();');}</script>

<style type="text/css">  
.thanks_button {background: #F7F7F7 url('http://yekki.ru/php/images/like_p.png') no-repeat 7px 7px;padding: 8px;border-radius: 4px 0 0 4px;border: 1px solid #CCC;float: left;padding-right: 5px;padding-left: 27px;}  
.thanks_button:hover {background: #fff url('http://yekki.ru/php/images/like_c.png') no-repeat 7px 7px;cursor:pointer;}  
.summa {float:left;margin-left: -1px;background: white;padding: 8px;border:1px solid #ccc;border-left: 1px dotted #CCC;padding-right: 10px;border-radius: 0 4px 4px 0px;}  
.thanks_button a {color:#000;text-decoration:none;}  
.summa:hover {background:#f7f7f7;cursor:pointer;}  
</style>  
<br>  
<div class="thanks_yekki"><div class="thanks_all" style="display:none">{LIST}</div> <div class="thanks_button"><a href="javascript://" onclick="add_thanks();">Сказать спасибо</a></div> <div class="summa" onclick="list_thanks();">{SUMMA}</div></div>  
<script type="text/javascript">function list_thanks(){new _uWnd('thanks', 'Список сказавших спасибо', 200,150, {align:'left',autosize:0,modal:0},$('.thanks_all').html()); }</script>