我的代码适用于codepen,但不适用于网站

我的代码的某些部分不起作用,我无法找出原因.我尝试了一些代码,这是有效的,后来我添加了整个页面,它仍然有效.但在我的网站上.为什么？

不起作用的代码是

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

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

});

在codepen http://codepen.io/anon/pen/rxmxop,它在hinfo上切换.在我的页面http://www.hriste.host-ed.me这里什么也没做.为什么？

编辑:

如果你点击"3站(i)"在codepen下滑div .hinfo.我在我的网站上有相同的代码,并且没有发生.

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

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