点击展开显示 收缩隐藏

错误原因是你在还没有dom元素之前就进行绑定了。你绑定事件要写在dom元素之后，或者页面加载完之后。你当前的script，只要

$(function(){

//你当前的代码块

})

就可以了

为简化用户 *** 作，希望鼠标悬停在下拉列表框上时，能自动展开。查了一下select的属性，没有相关的 *** 作。最后找了一个变通的办法，代码如下：

<select onmouseover="size=10" onmouseout="size=1" onchange="size=1">

<option value="126.htm">126</option>

<option value="163.htm">163</option>

<option value="16.NET.htm">163net</option>

<option value="163vip.htm">163vip</option>

就是让鼠标悬停后，显示的数目就自动改成10或其它数目。鼠标移开后，还原成只显示一个。用户点击了某一项也让它恢复成正常状态。

把要展开的元素做成绝对定位的（position:absolute），它就脱离了文档流，不会影响到后面的其他元素。当然，用了绝对定位后，你的代码也要做相应的修改才行，这就你自己去摸索了。

---