Question

Does anyone know how I can go about hiding the tab selectors for the jQuery tab control?

I’m trying to do a wizard setup type thing by having multiple views that are hidden but only show up when I want them to.

Any ideas? Something else other than tabs i could use?

Answer 1

$(function() {
  $(".nextButton").click(function() {
    $(this).parent().hide().next().show();
  });
  $(".prevButton").click(function() {
    $(this).parent().hide().prev().show();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js">
</script>


<div>
  Tab One<br/>
  <input type="button" class="nextButton" value="next" />
</div>
<div style="display:none;">
  Tab Two<br/>
  <input type="button" class="prevButton" value="prev" />
  <input type="button" class="nextButton" value="next" />
</div>
<div style="display:none;">
  Tab Three<br/>
  <input type="button" class="prevButton" value="prev" />
</div>