Eugene Tatarinov

$("#one1").on("click", function() {
  if ($("#one1").prop("checked"))
  {
    $(".main-block").css("display", "none");
  }
  else
  {
    $(".main-block").css("display", "block");
  }
});

Пример

Воспользуйтесь:

function is_touch_device() {
    return !!('ontouchstart' in window);
}

и в случае, если функция вернет true, замените hover на click.

Как только на кнопку наведен курсор через setTimeout запускаем отсчет до появления меню, если курсор уведен с кнопки, то отменяем таймаут через clearTimeout.

var timesArray = [];

$('.menu').hover(
    function()
    {
        var id = jQuery.data(this);
        timesArray[id] = setTimeout(function() {
            //Показываем меню
            $(this).css({'display' :  'block'});
            timesArray[id] = "";
        }, 500);
    },
    function()
    {
        var id = jQuery.data(this);
        //Скрываем меню
        $(this).css({'display' :  'none'});
        if (timesArray[id])
        {
            clearTimeout(timesArray[id]);
        }
    }
);

Попробуйте.