Javascript簡單切換不起作用

Question

我知道這已經在各地被問過，但我不明白爲什麼這是工作。在切換它應該顯示/隱藏分區。有人可以告訴我爲什麼嗎？由於

JS：

jQuery('.box-toggle.fl.active').on('click', function(event) { 
    jQuery('#box-content').toggle('show'); 
    }); 

小提琴：https://jsfiddle.net/amurray4/cwdt4xeL/

Answer 1

您需要在您的項目jQuery庫

<script src="https://code.jquery.com/jquery-2.1.4.js"></script> 

jsFiddle demo

此外，由於您使用的anchor <a>註冊的點擊，以防止頁跳轉到頂部以下錨使用Event.preventDefault()，並確保您的jQuery $別名使用：

jQuery(function($){ // Secured $ alias and DOM ready 

    // Now use $ (for jQuery) freely: 
    $('.box-toggle.fl.active').on('click', function(event) { 
    event.preventDefault(); 
    $('#box-content').toggle('slow'); // Use "slow" 
    }); 
    // other DO Mready code here 

});