当我对select
元素进行动画显示/隐藏时,它会在动画期间重新定位。我对“身体”的风格无能为力;这是应用程序中的标准类标记。是否有一些简单的 CSS 可以应用于select
元素以防止它重新定位?
更新:在代码和示例中添加了第三个select
元素
示例:http: //jsfiddle.net/DSULq/8/
<div id="body" style="position: absolute; top: 100px;">
<div id="toolbar" style="background-color: grey; width: 400px;">
<select>
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
<option>E</option>
</select>
<select id="toggleMe">
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
<option>E</option>
</select>
<select>
<option>A</option>
<option>B</option>
<option>C</option>
<option>D</option>
<option>E</option>
</select>
</div>
<div>
<button>do effect</button>
$("button").click(function () {
if ($("#toggleMe").is(":visible")) {
$("#toggleMe").hide("slide", "slow");
} else {
$("#toggleMe").show("slide", "slow");
}
});