显示并单击javascript和html

Question

如何使此代码可供单击并显示？我尝试通过将.hide（）更改为.show（）来尝试，但是在显示选项卡时仍然无法单击。

<li id="tabs10">
    <a href="javascript: ;" >
        <span>SIMULASI</span>
    </a>
</li>
<script>$("#tabs10").hide();</script>

Answer 1

您可以使用切换来显示/隐藏，如下所示：

function showHideTab(){

$("#tabs10").toggle();
}
   

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="button" onclick="showHideTab()" value="Submit">
<li id="tabs10">
    <a href="javascript: ;" >
        <span>SIMULASI</span>
    </a>
</li>