我的代碼在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 
});