title: Mouseenter and mouseleave change for mobile and tablet
body: <p>How to change mouseenter and mouseleave to working with click?
  I have images and on click show another inside.
  How to fix mouseleave, here is code in Javascript:</p>
  
  <pre><code>$("div.mitarbeiterfoto")
      .mouseenter(function() { 
              var id = $(this).attr("id");
              var idInfo = $(this).attr("id").substr(5);
              ($(this).find('img').css('display', 'none'));
              ($('#' + id + '_o').css('display', 'block'));
              showInfo(idInfo);
      })
  
      .mouseleave(function() {
              var id = $(this).attr("id");
              var idInfo = $(this).attr("id").substr(5);
              ($(this).find('img').css('display', 'block'));
              ($('#' + id + '_o').css('display', 'none'));
              hideInfo(idInfo);
      });
  </code></pre>
  
  <p>Please i need help!</p>