0

これを設定する方法について質問があります。例を次に示します: http://jsfiddle.net/VBS4E/25/

入力フィールドをボタンのすぐ下に移動する良い方法は何ですか? このような：

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

Btn#2をクリックすると、

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

1 に答える 1

1

ボタンの位置を取得し、CSSを使用してその下のフィールドを絶対的に配置できます。ボタンの下20pxになるように、上部に20を追加しました。

$(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');
    });
});

デモ

于 2012-07-12T19:15:10.717 に答える