显示：无;没有在CSS工作

Question

您好我在下面使用此脚本。

<script>
$(document).ready(function() {

    $(".btn-slide").hover(function() {
        $("#panel").slideDown(500);
    });


    $("#loginstuff").mouseleave(function() {
        $("#panel").slideUp(500);
    });
});
</script>

当您将鼠标悬停在链接上时会创建一个框。

现在CSS就像这样：

#panel {
    display:none;
    margin:80px 0 0 0;
    width:180px;
    background:#000;
    border-radius:5px;
    padding:7px;
    color:#fff;
    font-family:arial;
    font-size:11px;
    display:block;
    word-spacing: 0px;
    z-index:9999;
}

假设隐藏了面板div，并且脚本假设在悬停时显示div。

唯一的问题是div仍会在页面加载时显示，任何人都可以帮我解决这个问题。

Answer 1

你在第一行有display: none，然后你有display: block进一步向下 你试过删除第二个吗？

Answer 2

您正在添加display:none;，然后在css display:block;的底部，以便它被覆盖，从#ssnel的css中删除以下行：

display:block;