Javascript js运行前的可见跳转

我写了一个脚本，它将一个无序的列表转换成一个手风琴。当页面加载时，我注意到在JS运行之前，列表仍然会正常显示一两秒钟，然后由JS按照手风琴进行格式化。我无法编辑CSS以隐藏列表，并在js加载后显示，因为我想为没有js的用户提供一个替代方案

我正在页面加载上运行函数

在这种情况下我能做些什么吗？我想不出一个好办法来解决它。

这是因为$（document）.ready（）在执行内部代码之前等待HTML的呈现

您可以将手风琴初始化移动到

i、 e

手风琴项目
手风琴项目

$（“.accordion”）.accordion（）；

Hi Marko，非常感谢您的回答。这是一种享受。不知道为什么我没有想到它！哦，我实际上并没有使用jQuery，只是bog标准JS；）

<ul class="accordion">
   <li>Accordion Item</li>
   <li>Accordion Item</li>
</ul>
<script type="text/javascript">
    $(".accordion").accordion();
</script>