Поскольку вы запрашиваете гипотетическую, а не реальную проблему для устранения неполадки, вот (примерно), как должен выглядеть ваш код:
<form>
<ul class="tabs">
<li>Tab 1</li>
<li>Tab 2</li>
<li>Tab 3</li>
<li>Tab 4</li>
</ul>
<div class="panes">
<div id="first"> FIRST SECTION OF FORM </div>
<div id="second"> SECOND SECTION OF FORM </div>
<div id="third"> THIRD SECTION OF FORM </div>
<div> FOURTH SECTION OF FORM, WITH SUBMIT BUTTON </div>
</div>
</form>
Может быть, вы не правильно закрываете свои панели?
(кстати, я добавил id
атрибутов к панелям, чтобы вы могли добавлять ссылки / кнопки для перехода к следующей части формы из самих панелей. Просто укажите ссылку #first, #second, #third
, где это необходимо)