如何扩展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 fork：http://codepen.io/praneybehl/pen/JrvyK

希望它有所帮助！ :)