Сворачивание окон как ВКонтакте

Вот правильный вариант кода

PHP:


{literal}
<script language='JavaScript'>
<!--
// ADD TIP FUNCTION
window.addEvent('load', function()
{
    var Tips1 = new Tips($$('.Tips1'));
});


// ADD ABILITY TO MINIMIZE/MAXIMIZE MENU TABLES
var menu_minimized = new Hash.Cookie('menu_cookie', {duration: 3600});


// ADD ADMIN MENU BACKGROUND ROLL OVER
Rollimage1 = new Array()
Rollimage1['1'] = new Image(216,23);
Rollimage1['1'].src = "../images/admin_menu_bg1.gif";
Rollimage1['2'] = new Image(216,23);
Rollimage1['2'].src = "../images/admin_menu_bg2.gif";
//-->
</script>
{/literal}


  {literal}
  <script type="text/javascript">
  <!-- 
  window.addEvent('domready', function() { 
    var Slideup1 = new Fx.Slide('slideup1');
    if(menu_minimized.get(1) == 0) { $('min1_icon').innerHTML = '[ + ]'; Slideup1.hide(); }
    $('min1').addEvent('click', function(e){
    e = new Event(e);
    if(menu_minimized.get(1) == 0) { 
      menu_minimized.set(1, 1);
      Slideup1.slideIn(); 
      $('min1_icon').innerHTML = '[ - ]';
    } else { 
      menu_minimized.set(1, 0);
      Slideup1.slideOut(); 
      $('min1_icon').innerHTML = '[ + ]';
    }
    e.stop();
    this.blur();
    });
  });
  //-->
  </script>
  {/literal}
  
  
  <div class='menu_section'>
  <div id='min1'><div class='menu_header' style='float:left;'>123</div><div class='menu_header' style='text-align: right;' id='min1_icon'>[ - ]</div></div>
  <div><img src='../images/admin_menu_bar.gif' border='0'></div>
  <div id='slideup1'>

123123
  
  </div>
  </div>