Question

我有一个问题如何设置它。以下是示例：http://jsfiddle.net/VBS4E/25/

在按钮下方移动输入字段有什么好方法？像这样：

 ________   __________   __________
|  Btn#1 |  |  Btn#2 |  |   Btn#3  |
 ________    _________   __________

点击Btn＃2，

 ________   __________   __________
|  Btn#1 |  |  Btn#2 |  |   Btn#3  |
 ________    _________   __________
                 _____________
         Label: |_____________|

Answer 1

您可以获取按钮的位置，然后使用CSS绝对定位其下方的字段。我在顶部添加了20，所以它比按钮低20px。

$(function(){
    $('div#Adv').hide();    
    $('.toggle-link').click(function(e){
        var pos = $(this).position();
        e.preventDefault();
        $('#Adv').css({
            position: "absolute",
            top: pos.top + 20 + "px",
            left: pos.left + "px"}).toggle('show');
    });
});

DEMO

移动按钮下方的输入字段

1 个答案: