(function($) {

  $.fn.drags = function(opt) {

    opt = $.extend({

      handle: "",

      cursor: "ew-resize",

      min: 10

    }, opt);

​

    if (opt.handle === "") {

      var $el = this;

    } else {

      var $el = this.find(opt.handle);

    }

​

    var priorCursor = $('body').css('cursor');

​

    return $el.css('cursor', opt.cursor).on("mousedown", function(e) {

      priorCursor = $('body').css('cursor');

      $('body').css('cursor', opt.cursor);

​

      if (opt.handle === "") {

        var $drag = $(this).addClass('draggable');

      } else {

        var $drag = $(this).addClass('active-handle').parent().addClass('draggable');

      }

      var z_idx = $drag.css('z-index'),

        drg_h = $drag.outerHeight(),

        drg_w = $drag.outerWidth(),

        pos_y = $drag.offset().top + drg_h - e.pageY,

        pos_x = $drag.offset().left + drg_w - e.pageX;

      var mouseMove = function(e) {        

        var prev = $('.draggable').prev();

        var next = $('.draggable').next();

​

        var total = prev.outerWidth() + next.outerWidth();

        var totalPercentage = parseFloat(prev.css('flex')) +  parseFloat(next.css('flex'));

​

        var offset = prev.offset();

        if(offset){

          var leftPercentage = ((e.pageX - offset.left - drg_w / 2) / total) * totalPercentage;

          var rightPercentage = totalPercentage - leftPercentage;

​

          if (leftPercentage * 100 < opt.min || rightPercentage * 100 < opt.min) {

            return;

          }

​

          prev.css('flex', leftPercentage.toString());

          next.css('flex', rightPercentage.toString());

        }

      }

      $drag.css('z-index', 1000).parent().on("mousemove", mouseMove).on("mouseup", function() {

            $(this).off("mousemove", mouseMove).off("mouseup");

            $('body').css('cursor', priorCursor);

            $('.draggable').removeClass('draggable').css('z-index', z_idx);

        });

      e.preventDefault(); // disable selection

    });

  }

})(jQuery);

​

$('.handle').drags();