Здравствуйте. Я сделала форму,где данные вводятся пошагово. Она здесь:
http://newzveriki.ucoz.com/board/0-0-0-0-1?lCvG3g# Чтобы увидеть,надо ввести логин тест и пароль 111111. Проблема в том,что при переходе на следующий шаг между описанием шага и полем появляется отступ. Он как раз на месте удаленного поля. При возвращении на предыдущий шаг то же самое. Код скрипта,который реализует форму:
<script>
function doStep(stepNumber){
var nextStepNumber=stepNumber+1;
var prevStepNumber=stepNumber-1;
var fields=["#bdM55","#bdM34","#bdM3"];
var field=fields[stepNumber-1];
var stepDescription=["Шаг 1.Выберите вид зверика!","Шаг 2.Теперь выберите породу!","Шаг 3.Отличный выбор! Теперь придумайте вашему зверику имя!"]
$("form tr").hide();
$("form").before('<span id="description">'+stepDescription[stepNumber-1]+'</span>') ;
$(field).show();
if(stepNumber!=1){
$(field).after('<a href="#" class="prev">Вернуться к шагу '+prevStepNumber+'</a><br>')}
if(stepNumber!=3){
$(field).after('<a href="#" class="next">Перейти к шагу '+nextStepNumber+'</a><br>')}
if(stepNumber==3){$("#bdM65").show()}
$(".next").click(function(){
$(".next,.prev,#description").remove()
stepNumber++
doStep(stepNumber)});
$(".prev").click(function(){
$(".next,.prev,#description").remove()
stepNumber--
doStep(stepNumber)});
};
$("#cus2[name=ocat]").attr("checked", true);
$("#bdM61").hide();
$("#bdF13,#bdF1").attr("style","width:170px")
doStep(1);
</script>
Подскажите,пожалуйста,как сделать,чтобы этих отступов не было.
