javascript - 隐藏的 div 显示一瞬间 (slideToggle/javascript)

Question

我有一个脚本，默认情况下隐藏 div，并在单击链接时滑动切换它(请参阅 http://zarin.me - 联系链接)。这是我正在使用的代码:

<script>
$(document).ready(function(){
    $("#contact-drawer").hide();
    $(".toggle-drawer").show();

    $('.toggle-drawer').click(function(){
    $("#contact-drawer").slideToggle();
}); 
});
</script>

我的问题是，当页面加载时，整个 div 会显示一瞬间，然后隐藏。有时这可能会有点刺耳。我需要修复什么才能使 div 在加载时不显示？

Answer 1

您可以在 CSS 中添加“不显示”，这样在加载时它就已经隐藏了，然后 jQuery 应该处理显示。

例如

<style>
#contact-drawer {
display:none;
}
</style>
<script>
$(document).ready(function(){
    $(".toggle-drawer").show();

    $('.toggle-drawer').click(function(){
        $("#contact-drawer").slideToggle();
    }); 
});
</script>

只是一个建议。