Javascript切换显示/隐藏分部

Question

我正在使用bootstrap来自定义我的网站。

我正在尝试制作一个分区箭头（fontawesome图标）来显示/隐藏分区。

这是我的分歧..

<div class="welcome-cont">
</div>
<div class="welcome-cont" style="display: none">
    <div class="row">
        <p>hellllo?</p>
    </div>
</div>

我有另一个部门，它是我的箭头，它固定在页面的某个地方..

<span class="arrow-up fa fa-angle-double-up fa-3x"></span>

这是我的javascript，但不幸的是，无论我怎么尝试都不会切换......

$(".arrow-up").click(function() {
    $("div.welcome-cont").toggleClass("bounce");
});

Answer 1

一切都很好!!您应该使用toggleClass

而不是toggle

试试这个：

$(document).ready(function(){
    $(".arrow-up").click(function() {
    $("div.welcome-cont").toggle("bounce");
});
});

DEMO

Answer 2

这里是显示/隐藏你的div

的代码

$(".arrow-up").click(function() {
    $("div.welcome-cont").toggle();
});