jQuery的下拉菜單無法正常工作

Question

誰能告訴我爲什麼我的下拉菜單無法正常工作？我覺得這是一個非常簡單的修復，但我無法弄清楚。

HTML

<div id="Build" class="dropdown_head col-xs"> 
     <h1>Build</h1> 
     <img src="assets/images/img_1.png"> 
    </div>  

    <div class="dropdown col-xs"> 
     <p>Some things are written here</p> 

     <img src="assets/images/img_21.png" style="float: right;"> 
    </div> 

Jquery的：

$(document).ready(function(){ 

$(".dropdown_head").on('click'.function(){ 
    $(".dropdown").slideToggle("slow"); 

    }); 

}）;

CSS：

.dropdown_head{ 
    width: 100%; 
    height: 90px; 
} 

.dropdown{ 
    font-family: 'Dosis'; 
    width: 100%; 
    height: 300px; 
    margin-left: 20px; 
    margin-top: 30px; 
    display: none; 
} 

Answer 1

你有一個「」在'click'和function之間，而應該有'，'。你的JavaScript更改爲以下：

$(document).ready(function(){ 
    $(".dropdown_head").on('click', function() { 
    $(".dropdown").slideToggle("slow"); 
    }); 
}); 

Answer 2

$(".dropdown_head").on('click'.function(){ 
$(".dropdown").slideToggle("slow"); 

}); 

樣子了。而不是，接近函數（）

Answer 3

我創建的jsfiddle例如，你用你的代碼： -

$(document).ready(function(){ 

$(".dropdown_head").on('click',function(){ 

    $(".dropdown").slideToggle("slow"); 

    }); 
}) 

你使用。而不是，在這個$(".dropdown_head").on('click',function()行。

點擊查看工作示例： - http://jsfiddle.net/Xuu3K/8/