Есть tab с 3 вкладками, у всех вкладок общие кнопки переключения с классами btnPrevious и btnNext.
Как на последней вкладке:
1. убрать копку с классом btnNext
2. поставить вместо нее другую (например submit)
3. при клике назад (через кнопку prev или переключаться между самими табами), снова появлялась копка next. а submit исчезал.
4. В данный момент при переключении на последний таб кнопка не исчезает, а при нажатии на btnPrevious на предыдущем пропадает.
<li class="nav-item">
<a class="nav-link active" id="tab1" data-toggle="tab" href="#question1" role="tab" aria-controls="question1" aria-selected="true">1</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab2" data-toggle="tab" href="#question2" role="tab" aria-controls="question2" aria-selected="false">2</a>
</li>
<li class="nav-item">
<a class="nav-link" id="tab3" data-toggle="tab" href="#question3" role="tab" aria-controls="question3" aria-selected="false">3</a>
</li>
<div class="tab-pane show active" id="question1" role="tabpanel" aria-labelledby="tab1">
<p>Текст1</p>
</div>
<div class="tab-pane fade" id="question2" role="tabpanel" aria-labelledby="tab2">
<p>Текст2</p>
</div>
<div class="tab-pane fade" id="question3" role="tabpanel" aria-labelledby="tab3">
<p>Текст3</p>
</div>
<button type="button" class="btn btn-secondary btnPrevious">Назад</button>
<button type="button" class="btn btn-primary btnNext">Вперёд</button>
<script>
$(document).ready(function() {
$('.btnNext').click(function() {
$('.nav-tabs .active').parent().next('li').find('a').trigger('click');
});
$('.btnPrevious').click(function() {
$('.nav-tabs .active').parent().prev('li').find('a').trigger('click');
});
});
$('.nav-link').click(function(){
if ($("#tab3").hasClass('active')){
$('.btnNext').fadeOut();
}
else{
$('.btnNext').fadeIn();
}
});
</script>
