1

オーガニック タブ プラグインhttp://css-tricks.com/4530-organic-tabs/を使用していますが、問題を解決する必要があります。

私はこの効果を使用しています:

$("#tab").organicTabs().organicTabs({
                "speed": 100,
                "param": "tab"
});

次のような 2 つのタブがあります。

<div id="tab">

    <ul class="nav">
        <li class="nav-one"><a href="#one" class="current">One</a></li>
        <li class="nav-two last"><a href="#two">Two</a></li>

    </ul>
    <div class="list-wrap">

        <ul id="one">
            <a href="#add" id="add">Add</a><br />
            <div class="input">
                <input type="text" name="birth" class="birth" /><br />
            </div>
        </ul>

        <ul id="two" class="hide">
      </ul>
     </div>   
</div> ​​​​​​​​​​​​​​​​​​​​​

さらにテキスト フィールドを追加する jquery 関数:

$('#add').click(function() {

    $('<div class="input"><input type="text" name="birth" class="birth" /><br /></div>').hide().appendTo('.input').fadeIn('slow');
});

しかし、さらにテキスト フィールドを導入すると、タブのサイズを超えてしまいます。この問題は、タブ 2 を選択して 1 つに戻ることで解決されます。より多くのテキストフィールドが導入されるため、タブのサイズを調整したい..それは可能ですか?

4

0 に答える 0