怎么实现一个页面一打开就隐藏了一些指定的div，而不是点击隐藏才隐藏。

Question

我想要实现的效果是：一打开一个页面就已经隐藏了一些div了 点击显示时，显示出来。
我试过在body里面加onclick事件，但是出现的效果是：先出现几秒才消失。

我想要直接就不显示，点击显示 才把隐藏的显示出来。。我看别人这样写的：

$(function() {

$(window.parent.hangge());
$("#td1").hide();
$("#ar1").hide();
$("#ar2").hide();
$("#ar3").hide();

});

我也这样写，但是并没有实现，，哪里出问题了。。。

Answer 1

给要隐藏的部分的样式设置为display:none

Answer 2

加群195023854有大牛帮忙解决问题

Answer 3

难道不能写样式直接隐藏？

Answer 4

type设置为hiden

Answer 5

问题在于：JS 加载，运行需要时间

第一种（推荐）

直接一个有隐藏样式的 CLASS ，
为所有需要隐藏的添加那个 CLASS
然后 jQuery.on 事件委托 在它们共同的父元素上，
响应所有包含该 CLASS 的元素点击事件 执行需要代码

第二种

默认那些需要隐藏的元素的共同父元素样式为隐藏
然后把该元素的显示代码放在那些隐藏元素的代码之后

Answer 6

元素初始状态就隐藏。。我这里用的display,需要动画效果用css3或者js设置opacity0 → 1和transition

<div class="hideDiv" style="background:#f55;width:200px;height:100px;display:none;">11111111111</div>

    <script>
    $(document).click(function() {
        $('.hideDiv').show();
    });
    </script>

Answer 7

display:hidden

Answer 8

jquery 的 hide()函数 默认400ms的动画时间。。。就是说它要400ms之后才能完全隐藏。。。你可以试试 $("#ar3").css("display","none");