Сворачивающиеся блоки (Как на мегасофте)

#modern_block {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: ms sans-serif, tahoma, verdana, arial, sans-serif;font-size: 11px;cursor: default;}  
#modern_block a:link,#modern_block a:active,#modern_block a:visited {color: #3e73b9;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;}  
#modern_block a:hover {color: #3e73b9;font-family: arial;font-weight: bold;text-decoration: none;line-height: 16px;border-bottom: 1px dashed #3e73b9;}  
#modern_block li { background: url('http://3aka4ka.net.ru/img/JS/li.gif') no-repeat;padding: 0px;margin: 0px;text-indent: 8px;border: 0px;line-height: 3px; }  
table.modern_block_top {width: 100%;border: 0px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_header_bg.gif') left top repeat-x;margin: 2px 0px 0px 0px;}  
table.modern_block_alt_top {width: 100%;border: 0px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_header_bg.gif') left top repeat-x;margin: 2px 0px 0px 0px;}  
table.modern_block {width: 100%;border: 0px;background: #ffffff url('http://3aka4ka.net.ru/img/JS/modern_block_bg.gif') left bottom repeat-x;margin: 0px 0px 2px 0px;}  
table.modern_block_closed {width: 100%;border: 0px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_header_bg.gif') left top repeat-x;margin: 2px 0px 2px 0px;}  
td.modern_block_top_left {width: 6px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_top.gif') left top no-repeat;font-size: 1px;line-height: 1px;}  
td.modern_block_top {height: 29px;background: url('http://megasoft.3dn.ru/images/modern_news_top.gif') left top repeat-x;font-family: tahoma, verdana, arial;font-size: 11px;line-height: 12px;font-weight: bold;letter-spacing: 0.5px;vertical-align: middle;color: #364683;cursor: default;text-align: center;padding-right: 10px;}  
td.modern_block_show_hide {background: url('http://3aka4ka.net.ru/img/JS/modern_news_top.gif') left top repeat-x;font-size: 1px;vertical-align: middle;padding: 0px;width: 12px;}  
td.modern_block_top_right {width: 8px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_top.gif') right top no-repeat;font-size: 1px;line-height: 1px;}  
td.modern_block_left {width: 6px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_left.gif') left top repeat-y;font-size: 1px;line-height: 1px;}  
td.modern_block_right {width: 8px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_right.gif') right top repeat-y;font-size: 1px;line-height: 1px;}  
td.modern_block_bottom_left {height: 5px;width: 6px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_bottom.gif') left bottom no-repeat;font-size: 1px;line-height: 1px;}  
td.modern_block_bottom {height: 5px;background: url('http://3aka4ka.net.ru/img/JS/modern_news_bottom.gif') left bottom repeat-x;font-size: 1px;line-height: 1px;}  
td.modern_block_bottom_right {height: 5px;width: 8px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_bottom.gif') right bottom no-repeat;font-size: 1px;line-height: 1px;}  
td.modern_news_top {background: url('http://3aka4ka.net.ru/img/JS/modern_news_top.gif') left top repeat-x;height: 29px;font-family: tahoma, arial, verdana;font-size: 11px;line-height: 12px;font-weight: bold;letter-spacing: 1px;vertical-align: middle;color: #364683;cursor: default;padding: 0px 4px 4px 0px;}  
td.modern_news_main {border: 0px;margin: 0px;padding: 4px 14px 6px 14px;font-family: tahoma, verdana, arial;font-size: 11px;line-height: 14px;text-align: justify;}  
#modern_news_category,td.modern_news_category {padding: 2px 0px 2px 14px;border: 0px;margin: 0px;font-family: tahoma, verdana, arial;font-size: 11px;color: #364683;line-height: 12px;vertical-align: middle; width: 100%;}  
#modern_news_category a:link,#modern_news_category a:active,#modern_news_category a:visited {color: #3e73b9;font-family: verdana, tahoma, arial;text-decoration: none;border: 0px;}  
#modern_news_category a:hover {color: #3e73b9;font-family: verdana, tahoma, arial;text-decoration: none;border-bottom: 1px dashed #3e73b9;}  
img.icon_show_hide {border: 0px;padding: 0px;width: 12px;height: 12px; cursor: pointer;}  
td.modern_block_closed_top_left {width: 6px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_closed.gif') left top no-repeat;font-size: 1px;}  
td.modern_block_closed_top {height: 29px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_closed_bg.gif') left top repeat-x;font-family: tahoma, verdana, arial;font-size: 11px;line-height: 12px;font-weight: bold;letter-spacing: 0.5px;vertical-align: middle;color: #364683;cursor: default;text-align: center;padding-right: 10px;}  
td.modern_block_closed_show_hide {background: url('http://3aka4ka.net.ru/img/JS/modern_block_closed_bg.gif') left top repeat-x;font-size: 1px;vertical-align: middle;padding: 0px;width: 12px;}  
td.modern_block_closed_top_right {width: 8px;background: url('http://3aka4ka.net.ru/img/JS/modern_block_closed.gif') right top no-repeat;font-size: 1px;}  
#modern_block_archives {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: tahoma, verdana, arial;font-size: 11px;cursor: default;}  
#modern_block_archives a:link,#modern_block_archives a:active,#modern_block_archives a:visited {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 14px;background: url('http://3aka4ka.net.ru/img/JS/modern_a_bg_nonactive.gif') left top no-repeat;}  
#modern_block_archives a:hover {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 14px;border-bottom: 1px dashed #3e73b9;background: url('http://3aka4ka.net.ru/img/JS/modern_a_bg_active.gif') left top no-repeat;}  
#modern_block_friends {border: 0px;margin: 0px;padding: 4px 2px 6px 2px;font-family: ms sans-serif, tahoma, verdana, arial, sans-serif;font-size: 11px;cursor: default;}  
#modern_block_friends a:link,#modern_block_friends a:active,#modern_block_friends a:visited {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 16px;background: url('http://3aka4ka.net.ru/img/JS/modern_a_bg_nonactive.gif') left top no-repeat;}  
#modern_block_friends a:hover {color: #3e73b9;padding: 0px 0px 0px 8px;font-family: arial;font-weight: bold;text-decoration: none;font-size: 11px;line-height: 16px;border-bottom: 1px dashed #3e73b9;background: url('http://3aka4ka.net.ru/img/JS/modern_a_bg_active.gif') left top no-repeat;}

<div style="display:block" id="fo_block_mediaportal_intresting">  
  <table cellpadding="0" cellspacing="0" class="modern_block_top">  
  <td class="modern_block_top_left" nowrap></td>  
  <td class="modern_block_top"><img src="http://3aka4ka.net.ru/img/JS/bl.png" class="icon">Название</td>  
  <td class="modern_block_show_hide"><img src="http://3aka4ka.net.ru/img/JS/modern_cat_minus.gif" class="icon_show_hide" onclick="javascript:toggleblock('block_mediaportal_intresting', 1);" title="Свернуть блок"></td>  
  <td class="modern_block_top_right" nowrap></td>  
  </table>  
  <table cellpadding="0" cellspacing="0" class="modern_block">  
  <tr>  
  <td class="modern_block_left" nowrap></td>  
  <td id="modern_block" style="text-align: left;">  
<!-- Содержимое-->  
ыыыыыыыы
<!-- /Содержимое-->  
</div> </td>  
  <td class="modern_block_right" nowrap></td>  
  </tr>  
  <tr>  
  <td class="modern_block_bottom_left" nowrap></td>  
  <td class="modern_block_bottom"></td>  
  <td class="modern_block_bottom_right" nowrap></td>  
  </tr>  
  </table>  
  </div>  

  <div style="display: none;" id="fc_block_mediaportal_intresting">  
  <table cellpadding="0" cellspacing="0" class="modern_block_closed">  
  <td class="modern_block_closed_top_left" nowrap></td>  
  <td class="modern_block_closed_top"><img src="http://3aka4ka.net.ru/img/JS/bl.png" class="icon">Название</td>  
  <td class="modern_block_closed_show_hide"><img src="http://3aka4ka.net.ru/img/JS/modern_cat_plus.gif" class="icon_show_hide" onclick="javascript:toggleblock('block_mediaportal_intresting', 0);" title="Развернуть блок"></td>  
  <td class="modern_block_closed_top_right" nowrap></td>  
  </table>  
  </div>

<script language="javascript" type="text/javascript" src="http://3aka4ka.net.ru/img/JS/mediaportal_website.js"></script>