Javascript 我的代码在codepen中工作，但在网站中不工作

我的部分代码不起作用，我无法找出原因。我试着将其中的一部分添加到codepen中，这很有效，后来我添加了整个页面，它仍然有效。但在我的网站上，我已经发送了。为什么?

不起作用的代码是

$(".hinfo").hide();
$(".hidit").on("click", function () {

   $(this).next(".hinfo").toggle();

});

在codepen，它在hinfo上切换。在我的页面上，它什么也没做。为什么?

编辑：

如果您在codepen处单击“3站（i）”，则会沿div.hinfo向下滑动。我在我的网站上有相同的代码，但什么都没有发生

---

将script.js的内容包装到一个文档就绪函数中。您将在DOM完全加载之前将事件绑定到DOM

$( document ).ready(function() {
    // Content here
});

---

将script.js的内容包装到文档就绪函数中。您将在DOM完全加载之前将事件绑定到DOM

$( document ).ready(function() {
    // Content here
});

---

NetworkError:404未找到-http://www.hriste.host-ed.me/animate.css

已删除，但仍然相同。如果您能更清楚地描述问题，这会有所帮助。同意@Pointy，我不知道单击什么或如何复制您看到的问题。您是否在控制台中看到任何错误。

NetworkError:404未找到-http://www.hriste.host-ed.me/animate.css

已删除，但仍然相同。如果您能更清楚地描述问题，这会有所帮助。同意@Pointy，我不知道单击什么或如何复制您看到的问题。您是否在控制台中看到任何错误。或者只将其包装在

$（function（）{//your code}）中也可以。另外，我看到你的头上有脚本，身体上有脚本，它们是一样的。这可能会导致冲突。或者只需将其包装在
$（function（）{//Your code}）中即可也可以。另外，我看到你的头上有脚本，身体上有脚本，它们是一样的。这可能导致冲突。