title: Slide Up Footer OnHover and OnClick?
body: <p>I am looking to modify these two slideup footer examples so that they work on mobile devices. How do I add onClick open and onClick close to these for us on mobile and still have onHover work for desktop use? </p>
  
  <p>The close and open onClick would need to be active on the "Footer Button" text or a set of two images (1 for footer button open, and 1 for footer button close) that would be added later.</p>
  
  <p><a href="http://jsfiddle.net/aQmHB" rel="nofollow">http://jsfiddle.net/aQmHB</a></p>
  
  <pre><code>$(".footer").hover(function () {
  $(".slide").slideToggle("fast");
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/a88m6" rel="nofollow">http://jsfiddle.net/a88m6</a></p>
  
  <pre><code>$(".footer").hover(function () {
  $(this).animate({height: 250});
  }, function(){
  $(this).animate({height: 25});
  });
  </code></pre>