3

当我对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");
    }
});
4

2 回答 2

3

这个怎么样:

$("button").click(function () {
    $("#toggleMe").fadeToggle("slow");
});

演示

于 2013-05-17T17:32:48.547 回答
0

只需为#toggleMe 使用固定位置:

CSS:

 #toggleMe {
     position: fixed;
     top: 100px;
     left: 50px;
 }

http://jsfiddle.net/jk46K/1/

于 2013-05-17T17:48:52.143 回答