Problems after enabling touch toggle content Jquery features for mobile screens

1
  1. When doing a mobile touch for the first time at the place were the buttons are, the buttons get clicked.
  2. Sometimes the div get “focused” with a blue background color. How do I prevent that?
  3. What you mention: touch outside of the area doesn’t hide/toggle it.
  4. Had to remove mouseenter as it already was in another function
//hover/click
$(document).on("mouseenter", ".slick-current", function(e) {
  $('.slick-current').addClass('current-hover');
});
$(document).on("mouseleave", ".slick-current", function(e) {
    $('.slick-current').removeClass('current-hover');
});  

//  Touch 

$(document).on("touchstart", ".slide", function(e) {
  e.stopPropagation();   
  if($(this).hasClass('current-hoverv2')){
          $(this).removeClass('current-hoverv2');
    }
    else{
         $(this).addClass('current-hoverv2');
    } 
});

Do note I uploaded these changes to the server to help further debug it www.tomastestart.cl/portafolio/