Как сделать чтобы js не вставлял стиль этот.
Как решаем показать кнопку назад, тут же добавляем CSS-свойство
display: inline-block
$("a.back").show().css('display', 'inline-block'); // показываем ссылку "Назад"
А как еще сделать плавную смену этапов?
Используем hide() и show() на полную, например:
function changeStep(i) { // функция смены шага
$(steps).hide("slow"); // в течении 600 миллисекунд скроет все шаги,
$(steps[i]).show("slow"); // в течении 600 миллисекунд покажет текущий шаг
}
Или применяем другие
эффектыНу и маленький вопросик еще, при клике на кнопку далее или назад, почему перекидывает на верх сайта? как это брать.
Отменяем события по умолчанию для ссылок "назад" и "следующий шаг", добавляем
event.preventDefault();
в обработчики
$("a.next").click(function(){ // Событие клика на ссылку "Следующий шаг"
event.preventDefault();
if (current_step == steps.length-2) { // проверяем, будет ли следующий шаг последним
$(this).hide(); // скрываем ссылку "Следующий шаг"
$("form button[type=submit]").show(); // показываем кнопку "Регистрация"
}
$("a.back").show().css('display', 'inline-block'); // показываем ссылку "Назад"
current_step++; // увеличиваем счетчик текущего слайда
changeStep(current_step); // меняем шаг
});
$("a.back").click(function(){ // Событие клика на маленькое изображение
event.preventDefault();
if (current_step == 1) { // проверяем, будет ли предыдущий шаг первым
$(this).hide(); // скрываем ссылку "Назад"
}
$("form button[type=submit]").hide(); // скрываем кнопку "Регистрация"
$("a.next").show(); // показываем ссылку "Следующий шаг"
current_step--; // уменьшаем счетчик текущего слайда
changeStep(current_step);// меняем шаг
});