Javascript 在使用选项卡加载页面之前，有没有办法隐藏JQuery中的内容？

目前正在使用Javascript开发一个虚拟网站，因为我对该语言还不熟悉

我使用JQuery操作，并使用它提供的“tabs”功能；但是，我想知道如何只让导航栏可见，就好像加载页面时标签被折叠一样

简单地说，我的导航栏由一个按钮组成

<a href="#content"><button class="button">Content</button></a>

我尝试过使用提供的可见性功能，但这不适合我的需要，因为它仍然为元素的位置留下了一个空白。我也尝试过使用display:none；但是js覆盖了它。另外，jquery隐藏函数似乎也不想工作

我想要的是，当网站加载时，在div:content中隐藏

，直到单击按钮为止。当点击按钮时，我希望div中的内容显示出来，并且

文本消失。如果要显示内容并再次按下按钮，则反之亦然。

请重试

$（函数（）{
$（“#制表符”）.tabs（）；
} );
函数handleTabFirstClick（）{
$（'.myHidden'）.removeClass（'myHidden'）；
}

#选项卡div.myHidden{
显示：无！重要；
}

青蒿素、金樱子、天妇罗、金樱子a、金樱子。库拉比图尔nec arcu。我坐在阿梅特·莫里斯旁边。这是一个很好的例子。埃蒂亚姆·阿利奎特·马萨和洛雷姆。毛里斯·达比乌斯·拉库斯·奥克托·里苏斯。埃涅亚临时乌拉姆科珀狮子座。维瓦摩斯·塞德·马格纳·奎斯·利古拉·埃利弗德·阿迪皮斯。杜伊斯·奥奇。苏打水煎饼或同侧生命。阿利奎姆·努拉。我是阿利奎姆·莫莱斯蒂·埃拉特。这是一种新的葡萄品种。这是我的梦想。同侧相位。努克·特里斯蒂克·坦普斯·莱克图斯

Morbi tincidunt，我坐在医院里，看医生，看医生，看医生，看医生。杜伊斯·塞勒里克·莫莱斯蒂·图皮斯。塞德·弗林利亚，马萨·埃吉特·卢克图斯·马莱苏阿达，梅特斯·厄洛斯·莫莱斯蒂·莱克托斯，我们的厄洛斯·多洛。埃尼安·阿利奎特·弗林利亚。悬钩子在舌苔中是舌苔。在爱神的前庭里祈祷。临床医生。库拉比图尔·奥纳雷·康塞奎特·努克。埃尼安·韦尔梅特斯。乌特·波苏尔·维韦拉·努拉。阿利奎姆·埃拉特·帕特。佩伦茨克康瓦利斯。梅塞纳斯·费吉亚、佩伦特斯·普雷蒂姆·波苏尔、猫科动物奥勒姆·尤伊斯莫·费利斯、欧纳·利奥·尼西·维勒·费利斯。毛里斯·康塞德图尔·托托和珀鲁斯

毛里斯·埃利芬德和图皮斯。酒后驾车。潜力悬钩子。这是一种腐败，是一种腐败，是一种腐败，是一种腐败，是一种腐败，是一种腐败。前庭无前庭。根据康努比亚·诺斯特拉（conubia nostra）和希梅纳奥斯（inceptos himenaeos）的规定，社会责任和责任等级为：。Fusce苏打啤酒。这是一个很好的例子。这是一种很好的治疗方法。库拉比图尔·洛雷姆·埃尼姆、普雷蒂姆·内克、福吉亚·内克、卢克图斯·a、拉克斯

杜伊斯·库苏斯。梅塞纳斯·利古拉·厄罗斯、布兰迪·内克、法雷特拉、森佩尔、麦格纳。纳拉姆ac拉克斯。无便利。普雷森特·维韦拉·胡斯托·维塔·内克。普拉森特·布兰迪特·维利特。潜力悬钩子。Donec mattis，pede vel pharetra blandit，magna ligula faucibus eros，id euismod lacus dolor eget odio。南斯克利斯克。Donec non libero sed nulla mattis commodo。Ut矢状位。Donec nisi lectus，封建者porttitor，临时ac，临时vitae，pede。这是一种交通工具。Maecenas commodo。佩伦茨克nec精英。拉库斯的福斯。维瓦摩斯是自由人，莱克图斯·亨德雷特·亨德雷特

在

lu>li>a

上，我错把

class=“myHidden”

留下了。它应该只在

<p id="before">Some text before the content.</p>
<div id="content">
   <p>Just some dummy text.</p>
</div>

<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>

$( function() {
    $( "#tabs" ).tabs({
      collapsible: true
    });
  } );