Jquery显示无默认值不工作

我基本上想要一个管理工具栏，它将有一个按钮，可以点击显示是（adminbarplus），点击它将滑下工具栏和幻灯片的adminbarplus，因为管理工具栏有自己的隐藏按钮（adminbarplus）。但是，我需要在默认情况下隐藏该栏，并且添加内联HTML以显示none不起作用，因为默认情况下它被display:block替换

这是我的html：

<div class="row adminbar" id="adminbar" style="display: none;">
    <div class="row adminbaroverlay">
            <div class="large-2 columns">
                <div class="row valign-middle">
                    <div class="large-12 columns content2 adminbarsidebar">
                        <%= image_tag('admintitle.png') %>
                    </div>
            </div>
        </div>
        <div class="large-9 columns">
            <div class="row valign-middle">
                <div class="large-12 columns adminbarsidebar">
            <p class="margin0b padding0b margin0t padding0t"><span class="adminbutton">Manage Users</span>
            <span class="adminbutton">Manage Branches</span>
            <span class="adminbutton">Manage News</span></p>                    
                </div>
            </div>
        </div>
        <div class="large-1 columns adminarrow" id="adminbarminus">
            <div class="row valign-middle">
                <div class="large-12 columns adminbarsidebar text-center">
                    <a href="#"><%= image_tag('minusicon.png') %></a>
                </div>
            </div>
        </div>
    </div>
</div>

<span class="adminbarplus">ADMIN BAR</span>

非常感谢您的帮助，谢谢

         $("#adminbar").click(function(){
            $("#adminbar").slideUp();
            $(".adminbarplus").slideDown();
         });

         $(".adminbarplus").click(function(){
            $("#adminbar").slideDown();
            $(".adminbarplus").slideUp();
         });

你给错了身份证。。。。。。。

---

强烈建议不要将jquery用于动画或类似的东西，只需使用CSS3转换或动画，并仅将jquery用于切换类

<div id="bar">
    <span class="minus">minus</span>
</div>

<span class="plus">plus</span>

<style>
    #bar{
        transition: transform .5s ease;
        transform: translateY(-100%);
    }
    #bar.isActive{
        transform: translateY(0%);
    }
</style>

<script>

   $(function(){

       var bar = $("#bar"),
           plus = $(".plus"),
           minus = $(".minus");

       plus.click(function(){
           bar.addClass("isActive");
       });
       minus.click(function(){
           bar.removeClass("isActive");
       });

   });
</script>

减
加
#酒吧{
转型：转型。5s轻松；
转换：translateY（-100%）；
}
#酒吧{
转化：translateY（0%）；
}
$（函数（）{
var bar=$（“#bar”），
加号=$（“.plus”），
减号=$（“.减号”）；
plus.单击（函数（）{
bar.addClass（“isActive”）；
});
减。单击（函数（）{
bar.removeClass（“isActive”）；
});
});

它对我很好，在这段代码中没有问题-是的，隐藏的特殊性不应该有其他东西覆盖它-覆盖来自哪里？您是否使用浏览器检查器来查看？可能丢失的信息-这也是使用引导程序或其他类似的框架吗？@ DANNSTYPALE基金会4

<div id="bar">
    <span class="minus">minus</span>
</div>

<span class="plus">plus</span>

<style>
    #bar{
        transition: transform .5s ease;
        transform: translateY(-100%);
    }
    #bar.isActive{
        transform: translateY(0%);
    }
</style>

<script>

   $(function(){

       var bar = $("#bar"),
           plus = $(".plus"),
           minus = $(".minus");

       plus.click(function(){
           bar.addClass("isActive");
       });
       minus.click(function(){
           bar.removeClass("isActive");
       });

   });
</script>