Tiny jQuery plugin to hide/show an element when a target element gets scrollbars

hide_when_no_scrollbars.js

$.fn.hideWhenNoScrollBars = function() {
  return this.each(function() {
    var el = $(this),
        target = $(el.data('target'));

    function hideWhenNoScrollbars(target, el) {
      if (target.scrollHeight > target.clientHeight) { // has vertical scrollbars
        el.show();
      } else {
        el.hide();
      }
    }

    $(window).on('resize', function() {
      hideWhenNoScrollbars(target[0], el);      
    });

    hideWhenNoScrollbars(target[0], el);
  });
}