Question

求JS代码：默认部分显示，点击展开全部

准备应用到网站的产品分类当中，因为各大类下的二级分类数量不一样多，希望默认显示两行，多出的隐藏，点击“展开”显示全部，显示全部的时候“展开”变成“关闭”，点击关闭，恢复到默认的两行。（展开和关闭最好是图片形式。）

本人只懂CSS，不懂JS，找了半天，要么是全隐藏/全显示，要么是高度不能自适应，总之没有合适的。

终于在阿里巴巴找到一个我想要的效果，可是代码太多，完全看不懂，另存下来代码太多了。

阿里巴巴的这页当中，国家和地区分类的效果：
http://www.alibaba.com/catalogs/15370199/Other_Analysis_Instruments.html?tracelog=vertical_category&readcookie=Y&needStatistic=Y

求助JS高手帮忙，原创也好，扒阿里的也行（只保留有用的部分，代码越少越好），谢谢了！！！

另外，最好能在重要的地方和参数部分作个注释，让我能看懂哪个控制什么

Answer 1

<div id="a" style="height:100px;width:200px;overflow-y:hidden;">
测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句测试语句
</div>
<a href="javascript:void(0)" id="show" style="display:block" onclick="document.getElementById('a').style.height='500';document.getElementById('hidden').style.display='block';document.getElementById('show').style.display='none';">展开</a>
<a href="javascript:void(0)" id="hidden" style="display:none;" onclick="document.getElementById('a').style.height='100';document.getElementById('hidden').style.display='none';document.getElementById('show').style.display='block';">关闭</a>