设置div显示隐藏的N种方法

  1. 设置display为block或""或直接不设置display,div都是显示的,display为none就隐藏了。JQ可以用 $("div").show();或$("div").css("display","");表示显示。隐藏就是$("div").hide();
  2. 设置height,div默认width是100%,但height是0,所以可以设置height为0或auto来达到隐藏/显示的目的。
  3. 设置visibility,hidden表示隐藏,visible为显示,和display的区别是,display:none;不占空间,visibility仍占着。
  4. 设置top、left值,这个比较奇葩,隐藏就是把这两个值设置的很巨大,例如:top:-2000px,left:-2000px,因为一般页面不会有这么大尺寸,所以从窗口上是看不到的,要想看到就把值改小。

前三种对自制选项卡(tab,accordion)可能有用。

第一篇文章,欢迎指正,感激不尽。

posted @ 2013-05-28 13:09  KXIE  阅读(1154)  评论(0编辑  收藏  举报