javascript - 当我刷新页面时,弹出窗口会显示一秒钟。

标签 javascript html css

脚本

   $(document).ready(function(){
     $(".aboutBtn").click(function () {
            $(".aboutContent").slideToggle("slow");
   });

  $(".contact").click(function () {
            $(".aboutContent").slideToggle("slow");
      });
   });

HTML

<article class="aboutBtn">ABOUT</article>

CSS

 .aboutBtn{
       width:85px; 
       padding:5px 0px 5px 10px; 
       background-color:#d8531e;
       cursor:pointer;
       color:#ffffff; 
       font-size:20px; 
       text-transform:uppercase;
       position:relative;top:-48px; 
       font-family:"Segoe UI Light";
  }

最佳答案

使用样式表隐藏弹出窗口。

CSS:

.aboutContent{
  display: none;
}

关于javascript - 当我刷新页面时,弹出窗口会显示一秒钟。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13061693/

相关文章:

python - Websocket握手问题

javascript - 如何通过 PhpStorm 在 CSS 中使用 Autoprefixer?

javascript - 如何构造一个长字符串

javascript - 在 IE 中打开文件选择对话框时的 setTimeout/setInterval

html - 输入字段应接受数字和小数而不是减号

javascript - 终于得到了可折叠的样式以应用于 XML 生成的数据,但数据图标不适用

html - 显示网页时防止垂直滚动条?

javascript - crossfilter 实例是可变的还是不可变的?

javascript - 未捕获的 ReferenceError : show_pic is not defined at file:///android_asset/www/index. html:27

javascript - 在 foreach 的 knockout 上设置一个 css active 类