Html 第一个内容处于活动状态的动画选项卡

我用CSS代码编写了这个动画标签，我试图在加载主页时设置第一个可见（活动）的内容，而不需要点击它来阅读。。这可以使用javascript吗

@导入url(http://fonts.googleapis.com/css?family=Roboto:400，100100斜体，300300斜体，500700900）；
*{
-webkit框大小：边框框；
-moz框大小：边框框；
框大小：边框框；
}
html{
字体大小：100%；
字体系列：“Roboto”，无衬线；
背景#ecf0f1；
}
身体{
字号：1rem；
保证金：0自动；
}
导航{
位置：固定；
宽度：100%；
背景：#6e6e；
盒影：0雷姆0.1雷姆#2厘米；
z指数：2；
}
导航：之后{
内容：''；
显示：块；
明确：两者皆有；
}
导航a{
文字装饰：无；
线高：4rem；
字号：800；
浮动：左；
宽度：50%；
文本对齐：居中；
颜色：#333；
右边框：实心1pxRGBA（0,0,0,0.2）；
}
导航a：：类型的最后一个{
边界：0；
}
导航ul{
填充：0；
保证金：0；
列表样式：无；
}
主要{
位置：相对位置；
顶部：4rem；
}
.集装箱{
位置：绝对位置；
宽度：90%；
身高：100%；
保证金：0自动；
左：5%；
排名：0；
-webkit过渡：所有轻松输入输出0.7秒；
-moz转换：所有输入输出均为0.7秒；
-ms过渡：所有缓进缓出0.7秒；
-o型过渡：全部缓进缓出0.7秒；
过渡：全部缓进缓出0.7秒；
}
.容器：非（：目标）{
利润率最高：-100%；
不透明度：0；
}
.容器：目标{
边际上限：0；
不透明度：1；
}

一号
这是第一个内容

二号
这是第二个内容

您好，您需要将此JavaScript代码添加到html页面

window.onload=函数（）{ this.location=this.location+“#no1容器”； };

<nav>
  <ul>
    <li><a href="#no1-container" id="no1-container">No1</a></li>
    <li><a href="#no2-container">No2</a></li>
  </ul> 
</nav>

$(document).ready(function() {
    $("#no1-container").trigger('click');
});