Поведение кнопок между ПК и сенсорными устройствами (jQuery)

В основном я веб-дизайнер, и я не очень разбираюсь в jQuery, поэтому я немного потерялся. Я написал несколько сценариев jQuery для управления кнопками, но у них нет такого поведения, как хотелось бы на ПК и на сенсорных устройствах.

У меня есть два семейства кнопок для управления. Кнопки "изображения" (swap) и кнопки CSS (изменение цвета фона).

Я бы хотел отключить эффект "зависания" на сенсорных устройствах, потому что он несовместим, но держите нажатие мыши на сенсорных устройствах и ПК. Но драма есть.

Вот модель, которую я создал: Модель

Вот беспорядок, который я написал:

// Rollover on image
$(function() {
    $('img.rollover').on('mouseenter', function(){
    $(this).css("cursor", "pointer");
        this.src = this.src.replace("-normal","-hover");
    });

    $('img.rollover').on('mouseleave', function(){
        this.src = this.src.replace("-hover","-normal");
    });
});

// Toggles forms
$(function() {
    $("#form-contact").hide();
    $("#form-devis").hide();

      $("#btn-contact").click(function(){
        $(this).toggleClass("btn-form-hover");    
        $("#form-contact").fadeToggle(500, "linear");
        $("#form-devis").hide();
        $("#btn-devis").removeClass("btn-form-hover");
  });

    $("#btn-devis").click(function(){
        $(this).toggleClass("btn-form-hover");
        $("#form-devis").fadeToggle(500, "linear");
        $("#form-contact").hide();
        $("#btn-contact").removeClass("btn-form-hover");
  });
});

// Toggle client area
$(function() {
    $("#div-client-area").hide();

        $("#btn-clients").click(function(){ 
        $("#div-home").toggle(500,"linear");
        $("#div-client-area").toggle(500,"linear");
  });
});