请教各位高手，怎么用js隐藏和显示div层(关键是一个页面有几百个隐藏和展开)？

Question

我正在做一个dede的酒店列表页静态模板，其中有许多地方运用到隐藏和显示层。比如每个酒店的房间类型、价格、及备注之类的收起和展开，一个页面至少有几百个这样的div,这样的情况下该怎么用js处理？最好是可以使用数字id的方法(比如房间id为120,展开的地方就可以这样写(div id="120fang"，div id="121fang"  而js中只要i+fang 就搞定了)，当然，这个只是我的想法，或许大家有更好得办法。我也知道这情况下用ajax获取会比隐藏和显示好些，但鉴于我对js一知半解的情况下，只好用这本办法了。希望各位高手讲个实例，对我来说更简洁明了。

Answer 1

看了一晚上得JS方面的书,搞定了大部分问题。现在遇到的新问题是由于页面数据太多太大,怎么把酒店列表即<div class="酒店名称1">、<div class="酒店名称2">这样形式的每一个div显示个加载loading，loading完显示？如<div class="酒店名称1">这个div中的内容加载时候提示"酒店内容加载中，稍等"，等载入完显示这个div？盼高手帮忙,谢了。

Answer 2

你不用ajax这个loading还是很难显示的 因为。页面是全部加载完毕才显示的，页面那么多div速度肯定慢的很 一定要加个分页的。每页10-20个就差不多了

Answer 3

只能用ajax动态完成，每个房间的信息存在数据库里，做个隐藏层，点击房间后，调用数据动态显示房间的所有东东。不会JS很难办的到额。网上看到过类似实例，BAIDU.....

Answer 4

用jquery吧，jquery简单show显示隐藏的层，hide隐藏层

Answer 5

直接说一句这个有什么用，jquery确实简单，$("div").hide();就可以直接隐藏div，看不明白建议你了解下jquery

Answer 6

感谢各位的关注，我目前参考了一些书，和大家的说法差不多。
房间价格部分用ajax获取数据列表完成，但需要查询的时候就多出一个数据div,不需要就不获取，这样就大大的减少了数据查询和页面进度。
这样的话，现在遇到一个新问题请教大家，比如我的价格页面price.php,有字段A,B,C,D这样的数据表如下，该怎么ajax到这个页面来？
编号   照片   价格    宽带
123   a.jpg   120元    有

Answer 7

+1
LZ想看jquery例子 的话 ：http://download.csdn.net/source/3259392