如何擴大div？

-1

我試圖讓我的DIV擴大和「再下去」我怎麼能這樣，我與不同的JavaScript嘗試，但不能似乎讓它工作如何擴大div？

我的代碼是在這裏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>

來源

2014-09-12 CrazyAss

請發佈您試過的問題的相關JavaScript代碼片段。 – ps2goat 2014-09-12 22:35:02

如果你想要一個簡單的方法來擴展你的元素，我會使用jQuery的'.slideToggle（）'。 – 2014-09-12 22:36:01

以下是你需要的JavaScript代碼：

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

這裏是codepen叉：http://codepen.io/praneybehl/pen/JrvyK

希望能幫助到你！ :)

來源

2014-09-12 22:43:01 praneybehl

注意你也可以使用'.slideToggle（）'獲得很好的效果：http://codepen.io/anon/pen/vFbKp – 2014-09-12 22:45:07

更新致謝:) – praneybehl 2014-09-12 22:46:37

如何擴大div？

回答

相關問題