Пашенька

А что, у тебя текст лежит вне тега? Обращайся к конкретному элементу и забирай его .textContent (это нативно), если их несколько иди по ним циклом и конкатенируй(если надо). Иначе да, будет собран текст всех детишек.

app.js

var static = require( 'node-static' ),
    port = 4000,
    host = 'localhost',
    http = require( 'http' );


var file = new static.Server( './public', {
    cache: 3600,
    gzip: true
} );


var server = http.createServer( function ( request, response ) {
    request.addListener( 'end', function () {
        file.serve( request, response );
    } ).resume();
} );


server.listen( port, host, function() {
  console.log( `Listening at http://${ host }:${ port }` );
} );

Как из приведённого кода понять, есть ли на стр элемент

document.getElementsByClassName('like'+JSON.parse(event.data).user)[0];

??
Полагаю, в этом и проблема вашего кода.

Варианты:
1. Втыркать элемент/в элемент <style> правила и втыркать его в DOM
2. (Разумный) использовать CSS переменные
3. (Сверхразумный, да ещё и кроссбраузерный) устанавливать необходимые стили инлайново, используя element.style

Юзай e.clientX - это икс относительно вьюпорта. element.getBoundingClientRect() возвращает координаты элемента так же относительно вьюпорта. Успехов.

Не вчитывался, но здесь неверно:

setup.addEventListener('click', onNumberClick(numbers));

Нада:

setup.addEventListener('click', function() {
    onNumberClick(numbers);
});

Действительно какая-то магия и в хроме транзишном работает. Но поведение файерфокса верно в данном случае. background-image - не анимируемое свойство.

Что вы пытаетесь удалить на онлоад? Оператор delete удаляет пропертиз у объектов.

setInterval - плохой таймер, но для начального прототипа сойдёт. В идеале нужно использовать requestAnimationFrame.

Вы должны понимать основную концепцию: для плавной смены картинок нужно, чтобы две картинки в момент перехода были видимыми. То есть нельзя просто вот так в одном элементе их перетосовывать. Нужно как минимум два элемента и смена opacity.

Можно завернуть все параграфы в единый контейнер, назовём его <div id="text">...</div,>, тогда:

$(document).on('mouseover', '#text', function(event){
    var obj = $(this),
    $('.tooltip-row-block').css('display', 'block');
    obj.html("Настоящий договор ололо трололо ... ...");
});
$(document).on('mouseout', '#text', function(event){
    var obj = $(this);
    $('.tooltip-row-block').css('display', 'none');
    obj.html("Настоящий договор ололо трололо ...");
});

А вообще вы странные вещи делаете. У вас проблемы с архитектурой.

Я прокомментил изменения. Дальше сами. Мне лень.

(function($) {
  $.fn.menumaker = function(options) {
      
      var cssmenu = $(this), settings = $.extend({
        title: "Menu",
        format: "dropdown",
        sticky: false
      }, options);

      return this.each(function() {
        cssmenu.prepend('<div id="menu-button">' + settings.title + '</div>');
        $(this).find("#menu-button").on('click', function(){
          $(this).toggleClass('menu-opened');
          var mainmenu = $(this).next('ul');
          if (mainmenu.hasClass('open')) { 
            //mainmenu.hide().removeClass('open'); // -
            mainmenu.slideUp(400, function() { // +
              $(this).removeClass('open'); // +
            }); // +
          }
          else {
           // mainmenu.show().addClass('open'); // -
            mainmenu.slideDown(400, function() { // +
              $(this).addClass('open'); //+
            }); // +
            
            if (settings.format === "dropdown") {
              mainmenu.find('ul').show();
            }
          }
        });

        cssmenu.find('li ul').parent().addClass('has-sub');

        multiTg = function() {
          cssmenu.find(".has-sub").prepend('<span class="submenu-button"></span>');
          cssmenu.find('.submenu-button').on('click', function() {
            $(this).toggleClass('submenu-opened');
            if ($(this).siblings('ul').hasClass('open')) {
              $(this).siblings('ul').removeClass('open').hide();
            }
            else {
              $(this).siblings('ul').addClass('open').show();
            }
          });
        };

        if (settings.format === 'multitoggle') multiTg();
        else cssmenu.addClass('dropdown');

        if (settings.sticky === true) cssmenu.css('position', 'fixed');

        resizeFix = function() {
          if ($( window ).width() > 768) {
            cssmenu.find('ul').show();
          }

          if ($(window).width() <= 768) {
            cssmenu.find('ul').hide().removeClass('open');
          }
        };
        resizeFix();
        return $(window).on('resize', resizeFix);

      });
  };
})(jQuery);

(function($){
$(document).ready(function(){

$("#cssmenu").menumaker({
   title: "Menu",
   format: "multitoggle"
});

});
})(jQuery);