title: jQuery "slideToggle" not toggling on mobile devices
body: <p>I'm utilizing a simple toggle script to show/hide - which works fine on desktop browsers but doesn't work on mobile.  Tried searching the forums but came up empty.  </p>
  
  <pre><code>jQuery(document).ready(function(){
  
  var $socialbar  = $('#socialbar');
  
  jQuery('#social-icons span#social-hover').on('click', function(e){
      e.preventDefault();
  
     if($(this).attr('id') == 'social-hover') {
  
        $socialbar.slideToggle(300, function(){
  
     });
    }
  });
  });
  </code></pre>
  
  <p>Works well on desktop browsers but doesn't on mobile.  </p>
  
  <p>Thanks for any help!</p>