next prev Jquery


$('#next').click(function() {
  $('.current').removeClass('current').hide()
  .next().show().addClass('current');
  if ($('.current').hasClass('last')) {
  $('#next').attr('disabled', true);
  }
  $('#prev').attr('disabled', null);
});

$('#prev').click(function() {
  $('.current').removeClass('current').hide()
  .prev().show().addClass('current');
  if ($('.current').hasClass('first')) {
  $('#prev').attr('disabled', true);
  }
  $('#next').attr('disabled', null);
});



  <button id="prev" disabled="disabled">Prev</button>
  <button id="next">Next</button>
  <hr />

<div id="main">
  <div id="div1" class="first current">Div 1</div>
  <div id="div2">Div 2</div>
  <div id="div3" class="last">Div 3</div>
</div>


#div2,#div3{
  display:none;
}

Comments

Popular posts from this blog

TypeScrpt basics

font-face HTTPS issue fixes