JSFiddle - React, Tailwind, and code Playground

by BramVanroy

JavaScript

var condition = offL > ((wW / 2) - $this.width()),
      propertiesAnim = [],
      propertiesCss = [];

    if (condtion) {
      properties = "'left': offL - tooltip.width() - 25";
      propertiesCss = "'right', 'auto'";
    } else {
      properties = "'right': offR - tooltip.width() - 25";
      propertiesCss = "'left', 'auto'";
    }

    tooltip.stop(true).css(propertiesCss).text(title).animate({
      "top": ($this.offset().top + (posT / 2) - (tooltip.height() / 2)),
      properties
    }, 300).fadeTo(200, 1);