Javascript切换以显示/隐藏分区

Javascript切换以显示/隐藏分区,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在使用引导来定制我的网站 我试图制作一个除法箭头(图标)来显示/隐藏除法 这是我的部门 <div class="welcome-cont"> </div> <div class="welcome-cont" style="display: none"> <div class="row"> <p>hellllo?</p> </div> </div> 下面是显示/隐藏

我正在使用引导来定制我的网站

我试图制作一个除法箭头(图标)来显示/隐藏除法

这是我的部门

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

下面是显示/隐藏div的代码

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

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

试试这个:

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

发布CSS后,您只需使用$(“.welcome cont”)
$(".arrow-up").click(function() {
    $("div.welcome-cont").toggle();
});
$(document).ready(function(){
    $(".arrow-up").click(function() {
    $("div.welcome-cont").toggle("bounce");
});
});