我通过点击事件褪色几个面板。想法是根据用户所在的阶段更改按钮的文本。如果它是前一个面板(不是当前面板,也不是最后一个面板),我希望我的按钮说:编辑。
这是我到目前为止所做的:
https://jsfiddle.net/noemitotos/rspj3d66/1/
$('.sell-form-wrap').find('.form-panel:not(.current-panel)').hide();
$('.sell-form-wrap').on('click', '.next-button', function(evt) {
evt.preventDefault();
if (!$('.current-panel').hasClass('last-panel')) {
$('.current-panel').fadeIn(function() {
$(this).next('.form-panel').addClass('current-panel').fadeIn(function() {
if ($('.first-panel').is(':visible')) {
$('.back-button').fadeOut('fast');
} else {
$('.back-button').fadeIn('fast');
}
if ($('.last-panel').is(':visible')) {
$('.next-button').find('.button-text').text('Submit');
} else {
$('.next-button').find('.button-text').text('Continue');
}
});
})
} else {
$('.next-button').find('.button-text').text('Edit');
}
});