Как расширить div?

Question

Я пытаюсь сделать мой DIV расширить и «нисходят», как я могу сделать это, я попытался с различными Javascript, но не могу показаться, чтобы заставить его работать

мой код здесь http://codepen.io/anon/pen/Icyow

<div id="chatContainer"> 

    <div id="chatTopBar"></div> 
    <div id="chatLineHolder"></div> 

    <div id="chatBottomBar"> 


     <form id="submitForm" method="post" action=""> 
      <input id="chatText" name="chatText" maxlength="255" placeholder="Type here..." /> 
      <input type="submit" class="blueButton" value="Submit" style="visibility: hidden;" /> 
     </form> 

    </div> 

</div> 

Answer 1

Вот код JavaScript требуется:

$('#chatTopBar').on("click", function() { 
    $("#chatLineHolder, #chatBottomBar").slideToggle(); 
}); 

Вот codepen вилка: http://codepen.io/praneybehl/pen/JrvyK

Надеюсь, поможет! :)