Question

我需要帮助才能显示“按下”标签。

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
  <script>
  $( function() {
    $( "#tabs" ).tabs();
  } );
  </script>
<div id="tabs">
                <center><a href="#tabs-1"><img src="link.png"></a> 
            </div>
                <a href="#tabs-2"><img src="link.png"></a> 
            </div>
            </center>
</center><br><center><div id="tabs-1">

现在我看到了所有标签。如何隐藏1选项卡，仅在按选项卡1时显示？

Answer 1

如何隐藏1选项卡并仅显示按下选项卡1

为了隐藏标签1，你可以写：

$('#tabs-1').hide();

其中hide()是用于隐藏选项卡1的jQuery方法。

相反，如果您需要设置默认的有效标签，则可以使用active选项。

$("#tabs").tabs({
   active: 0
});

<link href="https://code.jquery.com/ui/1.12.0/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>


<div id="tabs">
    <ul>
        <li><center><a href="#tabs-1"><img src="https://dummyimage.com/100x100/000/fff&text=1"></a></center></li>
        <li><center><a href="#tabs-2"><img src="https://dummyimage.com/100x100/000/fff&text=2"></a></center></li>
    </ul>
    <div id="tabs-1">
        <p>111111111111111111</p>
    </div>
    <div id="tabs-2">
        <p>22222222222222222</p>
    </div>
</div>

Jquery Tabs隐藏和显示

1 个答案: