Javascript jquery div展开和折叠问题

当前代码以折叠方式加载div，然后单击它以展开/折叠方式工作

我希望无论何时加载页面，它都应该以展开div的形式打开，然后单击，它应该以折叠/展开的方式工作

以下是当前代码：-

$.header.clickfunction{ $header=$this； //获取下一个元素 $content=$header.next； //打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。 $content.slideToggle500，函数{ //滑动切换完成后执行此操作 //根据内容div的可见性更改标题文本 $header.textfunction{ //根据条件更改文本 返回$content。是否可见？折叠：展开； }; }; }; .集装箱{ 宽度：100%； 边框：1px实心D3； } .货柜组{ 宽度：100%； } .容器.标题{ 背景色：D3； 填充：2px； 光标：指针； 字体大小：粗体； } .容器.内容{ 显示：无； 填充物：5px； } 扩大 这只是一些随机内容。 这只是一些随机内容。 这只是一些随机内容。 这只是一些随机内容。

---

你只需要更新两行

<div class="header"><span>Collapse</span>

请运行以下代码

$.header.clickfunction{ $header=$this； //获取下一个元素 $content=$header.next； //打开所需内容-切换幻灯片-如果可见，向上滑动，如果不向下滑动。 $content.slideToggle500，函数{ //滑动切换完成后执行此操作 //根据内容div的可见性更改标题文本 $header.textfunction{ //根据条件更改文本 返回$content。是否可见？折叠：展开； }; }; }; .集装箱{ 宽度：100%； 边框：1px实心D3； } .货柜组{ 宽度：100%； } .容器.标题{ 背景色：D3； 填充：2px； 光标：指针； 字体大小：粗体； } .容器.内容{ 显示：块； 填充物：5px； } 崩溃 这只是一些随机内容。 这只是一些随机内容。 这只是一些随机内容。 这只是一些随机内容。 您可以尝试：

$(document).ready(function(){
   $(".header").trigger("click");
})

---

这将在整个文档完全加载后触发click事件。很抱歉，我必须将此内容写在答案上，而不是注释上，这样才能轻松阅读。

如果您需要，显然不会隐藏内容visible@charlietfl这件事已经解决了，就在我们班上

$(document).ready(function(){
   $(".header").trigger("click");
})