I have some code that I want amend, but I can't seem to get it to work. Sorry I know it's kind of long, but what I am looking for is to create a default state where Link 1 is "open" with the content viewable. Also, I wanted to see if it's easy enough to set the height to 100% and not a fixed height so it can expand relative to the content. You can view the demo here: http://andyrichin.com/demo/

HTML Code:
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title> - demo</title>
  <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools.js'></script>
   <link rel="stylesheet" type="text/css" href="slider_style.css">

</head>

<body>

  <div>
    <div class="one">
        <a href="#" class="trigger">link 1</a>
    </div>
    <div class="middle">
        <a href="#" class="close">+</a>
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget lectus sed eros blandit elementum. Morbi sed lorem et nisl feugiat dignissim. Sed mi mauris, scelerisque at vehicula sed, ultricies vel erat.</p>
    </div>
    <div class="two">
        <a href="#" class="trigger">link 2</a>
    </div>
    <div class="middle2">
        <a href="#" class="close">+</a>
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget lectus sed eros blandit elementum. Morbi sed lorem et nisl feugiat dignissim. Sed mi mauris, scelerisque at vehicula sed, ultricies vel erat.</p>    
	</div>
    <div class="three">
        <a href="#" class="trigger">link 3</a>
    </div>
    <div class="middle3">
        <a href="#" class="close">+</a>
    	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eget lectus sed eros blandit elementum. Morbi sed lorem et nisl feugiat dignissim. Sed mi mauris, scelerisque at vehicula sed, ultricies vel erat.</p>    
	</div>
    <div class="bottom"></div>
        
</div>
  
<script type='text/javascript'>
  //![CDATA[ 
 
  
  $$('.one a').addEvent('click', function(event){
    var middle = $$('.middle')[0];
    var middle2 = $$('.middle2')[0];
    var middle3 = $$('.middle3')[0];
    
    if( '0px' == middle.getStyle('height') ){
        middle.tween('height', '300');
        middle2.tween('height', '0');
        middle3.tween('height', '0');

    }else{
        middle.tween('height', '0');
    }
    
    event.preventDefault();
});

$$('.two a').addEvent('click', function(event){
    var middle2 = $$('.middle2')[0];
    var middle = $$('.middle')[0];
    var middle3 = $$('.middle3')[0];
    
    if( '0px' == middle2.getStyle('height') ){
        middle2.tween('height', '300');
        middle.tween('height', '0');
        middle3.tween('height', '0');
    }else{
        middle2.tween('height', '0');
    }
    
    event.preventDefault();
});

$$('.three a').addEvent('click', function(event){
    var middle3 = $$('.middle3')[0];
    var middle = $$('.middle')[0];
    var middle2 = $$('.middle2')[0];
    
    if( '0px' == middle3.getStyle('height') ){
        middle3.tween('height', '300');
        middle.tween('height', '0');
        middle2.tween('height', '0');
    }else{
        middle3.tween('height', '0');
    }
    
    event.preventDefault();
});

$$('.close').addEvent('click', function(event){
    var middle3 = $$('.middle3')[0];
    var middle = $$('.middle')[0];
    var middle2 = $$('.middle2')[0];
    
    if( '0px' == middle2.getStyle('height') ){
        middle3.tween('height', '0');
        middle.tween('height', '0');
        middle2.tween('height', '0');
    }else{
        middle2.tween('height', '0');
    }
	
	if( '0px' == middle.getStyle('height') ){
        middle3.tween('height', '0');
        middle.tween('height', '0');
        middle2.tween('height', '0');
    }else{
        middle2.tween('height', '0');
    }
	
	if( '0px' == middle3.getStyle('height') ){
        middle3.tween('height', '0');
        middle.tween('height', '0');
        middle2.tween('height', '0');
    }else{
        middle2.tween('height', '0');
    }
    
    event.preventDefault();
});
  //]]> 
  </script>
  
</body>


</html>