如何扩大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？

回答

相关问题