Logika koding di kelas perjalanan "web interaktif dengan jquery"

Saya udah bacain nih kode berkali-kali

function deteksi() {
  var x1 = alaligo.offset().left;
  var y1 = alaligo.offset().top;
  var x2 = friend.offset().left;
  var y2 = friend.offset().top;

  if((y1 + alaligo.outerHeight(true)) < y2 || y1 > (y2 + friend.outerHeight(true)) ||
     (x1 + alaligo.outerWidth(true)) < x2 || x1 > (x2 + friend.outerWidth(true)) ) {
       $('.boss-notes').css('display', 'none');
     } else {
         $('.boss-notes').css('display', 'block');
     }
}

tapi masih gak nyampai juga sama logikanya bang Hilman di tutorial video tersebut. Sebenarnya fungsi

offset()

itu apa ? Dan ada yang bisa jelasin dengan jelas gak ^_^ penjelasan perkondisian

if

nya itu bagaimana ? Semoga jelas ...