Как правильно различить объекты - jQuery - Ответ 4066864

$(document).ready(function() { 
 
 $('.tip').each(function(){
  var myTip = $(this),
      clickTip = myTip.children('a'),
      tip = myTip.find('span.answer , span.answer-left'),
      tipW = tip.width(),
      tipH = tip.height(),
      winW = $(window).width(),
      winH = $(window).height();
 
  tip.hide().append('<b>X</b>'),
      closeTip = tip.children('b');
 
  function showTip(e){
  e.preventDefault();
  var xM = e.pageX, 
      yM = e.pageY,
      scrollwinH = $(window).scrollTop(),
      scrollwinW = $(window).scrollLeft(),
      curwinH = $(window).scrollTop() + $(window).height();
  if ( xM > scrollwinW + tipW * 2 ) {tip.removeClass('answer').addClass('answer-left');}
     else {tip.removeClass('answer-left').addClass('answer');}
  if ( yM > scrollwinH + tipH && yM > curwinH / 2 ) {tip.addClass('a-top');} 
     else {tip.removeClass('a-top');}
 
  tip.fadeIn(100).css('display','block');}
 
  function hideTip(n){                  
    tip.fadeOut(300);
    n.stopPropagation();}
 
  clickTip.click(showTip);
  closeTip.click(hideTip);
 });
});