title: Drop-down list in a table header
body: <p>I'm trying to create a Drop-down list in table header, that will be triggered when you click on image which is in the table header. </p>
  
  <p><strong>What I've tried:</strong> </p>
  
  <pre><code>&lt;script&gt;
      $(function() {
         $('#logo').click(function(){
             $(this).next('.dropdown').toggle();
         });
  
         $(document).click(function(e) {
             var target = e.target;
             if (!$(target).is('.dropdown-toggle') &amp;&amp; !$(target).parents().is('.dropdown-toggle')) {
                 $('.dropdown').show();
             }
         });
  
     });
  &lt;/script&gt;
  </code></pre>
  
  <p>Kindly give suggestions</p>