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

Question

我的代码的某些部分不起作用，我找不到原因。我尝试了一部分到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个站（一）” 在codepen向下滑动格.hinfo。我的网站上有相同的代码，并且不会发生。

Answer 1

裹的script.js的文件准备功能的内容。您在DOM完全加载之前将事件绑定到DOM。

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