CodePen

HTML

            
              <form class='input'>
<input type='submit' onclick="alert ('Just pressed submit'); return false;" >
<br />
  <textarea class="collapsed" id="_Notes" name="_Notes" rows="12" cols="120">More notes about the show

h4. heading level 4

* 1st item
* second item
* third item</textarea>
<textarea class="collapsed" id="_Notes" name="_Notes" rows="12" cols="120">Second text area</textarea>
<br />
<input type='submit' onclick="alert ('Just pressed submit'); return false;" >

  
            
          
!
via HTML Inspector

CSS

            
              .input .collapsed {height:18px;
    transition: height 0.4s;
    -moz-transition: height 0.4s; 
    -webkit-transition: height 0.4s; 
    -o-transition: height 0.4s;
}
 
.input .collapsed:focus {height:160px;}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................