title: jquery dropdown not working
body: <p>Can anyone tell me why my dropdown menu isn't working?  I feel like this is a very simple fix but I'm unable to figure it out.</p>
  
  <p>HTML
      </p>
  
  <pre><code>    &lt;div id="Build" class="dropdown_head col-xs"&gt;
          &lt;h1&gt;Build&lt;/h1&gt;
          &lt;img src="assets/images/img_1.png"&gt;
      &lt;/div&gt;    
  
      &lt;div class="dropdown col-xs"&gt;
          &lt;p&gt;Some things are written here&lt;/p&gt;
  
           &lt;img src="assets/images/img_21.png" style="float: right;"&gt; 
      &lt;/div&gt;
  </code></pre>
  
  <p>   </p>
  
  <p>Jquery:</p>
  
  <pre><code>$(document).ready(function(){
  
  $(".dropdown_head").on('click'.function(){
      $(".dropdown").slideToggle("slow");
  
      });
  </code></pre>
  
  <p>});</p>
  
  <p>CSS:</p>
  
  <pre><code>.dropdown_head{
      width: 100%;
      height: 90px;
  }
  
  .dropdown{
      font-family: 'Dosis';
      width: 100%;
      height: 300px;
      margin-left: 20px;
      margin-top: 30px;
      display: none;
  }
  </code></pre>