jquery - jQuery隐藏选项卡选择器

Question

有谁知道我可以如何隐藏 jQuery 选项卡控件的选项卡选择器？

我正在尝试通过隐藏多个视图来执行向导设置类型的操作，但仅在我希望它们显示时才显示。

有任何想法吗？我可以使用除标签之外的其他东西吗？

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>

Answer 2

只需在彼此之上创建 div 并使用 show() 和 hide() 显示/隐藏它们。如果您只想以编程方式切换视图，则不需要选项卡。它是如此简单

html:

<div class="view" id="view1">
</div>
<div class="view" id="view2">
</div>
<div class="view" id="view2">
</div>

Javascript：

function selectView(i) {
    $(".view").hide();
    $("#view" + 1).show();
}

或者如果您不想使用 ID：

function selectView(i) {
    $(".view").hide();
    $(".view :eq(" + 1 + ")").show();
}