Javascript 我能'；不要使用滑动切换基于Web的Firebase聊天应用程序 {{m.message}-{{m.date}日期：'medium'} 邮寄 $（文档）.ready（函数（）{ $（“#容器”）。单击（函数（）{ $（this.next（“#container”）.slideToggle（“slow”）； }); });_Javascript_Html_Css_Angularjs

Javascript 我能'；不要使用滑动切换基于Web的Firebase聊天应用程序 {{m.message}-{{m.date}日期：'medium'} 邮寄 $（文档）.ready（函数（）{ $（“#容器”）。单击（函数（）{ $（this.next（“#container”）.slideToggle（“slow”）； }); });

javascript html css angularjs

Javascript 我能'；不要使用滑动切换基于Web的Firebase聊天应用程序 {{m.message}-{{m.date}日期：'medium'} 邮寄 $（文档）.ready（函数（）{ $（“#容器”）。单击（函数（）{ $（this.next（“#container”）.slideToggle（“slow”）； }); });,javascript,html,css,angularjs,Javascript,Html,Css,Angularjs,您的代码当前的意思是：“单击#容器时，找到下一个元素#容器并切换它” 这不起作用，id为“container”的元素旁边没有其他的#container元素因此，只需删除.next（“#container”）部分，然后单击容器将滑动切换它 <body ng-controller="ChatController"> <br> <div class="container"> <div class="panel panel-pr

您的代码当前的意思是：“单击#容器时，找到下一个元素#容器并切换它”

这不起作用，id为“container”的元素旁边没有其他的#container元素

因此，只需删除.next（“#container”）部分，然后单击容器将滑动切换它

<body ng-controller="ChatController">
    <br>
    <div class="container">
        <div class="panel panel-primary" id="container">
            <div class="panel-heading">Web Based Firebase Chat Application</div>
            <div class="panel-body">
                <p ng-repeat="m in messages">{{m.message}} - {{m.date | date:'medium'}}</p>
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Message here..." ng-model="messageText">
                </div>
                <button type="submit" class="btn btn-default" ng-click="send()">Send</button>
            </div>
        </div>
    </div>
</body>
<script>
    $(document).ready(function () {
         $("#container").click(function () {
             $(this).next('#container').slideToggle("slow");
         }); });
</script>




基于Web的Firebase聊天应用程序
{{m.message}-{{m.date}日期：'medium'}
邮寄
$（文档）.ready（函数（）{
$（“#容器”）。单击（函数（）{
$（此）.slideToggle（“慢”）；
}); });

还请记住，隐藏容器时，您不能切换（再次显示）它，因为它现在完全隐藏且根本不可单击

<body ng-controller="ChatController">
    <br>
    <div class="container">
        <div class="panel panel-primary" id="container">
            <div class="panel-heading">Web Based Firebase Chat Application</div>
            <div class="panel-body">
                <p ng-repeat="m in messages">{{m.message}} - {{m.date | date:'medium'}}</p>
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Message here..." ng-model="messageText">
                </div>
                <button type="submit" class="btn btn-default" ng-click="send()">Send</button>
            </div>
        </div>
    </div>
</body>
<script>
    $(document).ready(function () {
         $("#container").click(function () {
             $(this).slideToggle("slow");
         }); });
</script>