Javascript在加载时显示div

我有一些自定义按钮叠加在谷歌地图上。当您单击其中一个按钮时，它会将地图div向右滑动360px，并在地图腾空的地方向左滑动360px宽的div。当我单击地图上的按钮时，它会按设计工作，并像它应该的那样将地图翻转和俯冲，当你单击俯冲上的关闭按钮时，它会滑出焦点，地图会回到以前的位置

我的问题是我正试图让这个div在加载时滑入显示。我尝试过的解决方案没有很好地发挥作用，我对Javascript也不是很在行。如果我使用cssz-index 1，它将在页面加载时加载，但它会显示在地图顶部，而不是在350px上滑动地图。因此，CSS解决方案在这种情况下不起作用，因为div覆盖在地图上，而不是将其滑动，并覆盖在左上角有徽标的地图上

这就是我打开和关闭div的方式

HTML

<button id="alertBtn" class="map__control_icon" onclick="openAlerts();"><i class="fa fa-exclamation-triangle"></i></button>

那么，当页面加载时，我如何在默认情况下显示此内容，但要像单击按钮时那样将地图滑动过来？还有一种方法可以将width.style.marginLeft设置为自动，这样它就可以根据插入的div的大小滑动，因为有时内容是动态的，但是如果我设置了一个硬设置的边距，那么当div没有填满整个宽度时，就会有额外的空间。Hench为什么“警报列表”设置为最小宽度

---

-谢谢

我可以通过在Javascript顶部添加follow来轻松解决这个问题

$(document).ready(openAlerts());

---

如果您想要纯JavaScript，那么使用这个

document.addEventListener('DOMContentLoaded', openAlerts, false);

document.addEventListener('DOMContentLoaded', openAlerts, false);