オーガニック タブ プラグイン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 つに戻ることで解決されます。より多くのテキストフィールドが導入されるため、タブのサイズを調整したい..それは可能ですか?