jQuery Tabs隐藏并显示



我需要帮助以显示按下的选项卡。

<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个选项卡,只能在按TAB 1时显示?

如何隐藏1个选项卡,只显示wen Press Tab 1

为了隐藏选项卡1,您可以写:

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

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

相反,如果您需要设置默认活动选项卡,则可以使用活动选项。

$("#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>

最新更新