<div class='contact'>

       <a href='#' title='Контакты' class='popup_info' rel='".$data['article_id']."'>Контакты</a>

       <div id='popup'><div id='popup_phone'></div>

<div id='popup_email'>

</div></div>

       </div>

   $(document).ready(function() {

   var array = {};

   $('.popup_info').hover(function(){  // когда курсор будет наведен на ссылку с классом popup_info, сработает следующая функция

        $(this).data('focused','true'); //устанавливаем для ссылки атрибут data-focused = "true", это необходимо, чтобы окно оставалось открытым во время нахождения на ссылке курсора

        var link = $(this); // запомнили текущую ссылку

        var article_id = $(this).attr('rel'); //берем значение атрибута rel из ссылки для идентификации (привязки)

  if(article_id in array){ //если такой запрос уже был, то отображаем блок с данными из существующего массива

    if (array[article_id].article_phone.length > 1){ //примитивная проверка на пустоту, если значение больше 1 знака- выводим номер телефона из массива

    $('#popup_phone').html(array[article_id].article_phone).prepend('Телефон:   ');

} else {

    $('#popup_phone').css({'display': 'none'}); // иначе- блок скрыт

}

    if (array[article_id].article_email.length > 1){ // проверяем, есть ли мыло в массиве

    $('#popup_email').html(array[article_id].article_email).prepend('E-Mail:   ');

} else {

    $('#popup_email').css({'display': 'none'}); // иначе- скрываем

}

            $('#popup').css({'display': 'block'}).stop().animate({left: -130,opacity: 1},300); //анимация появления блока с информацией и немного стиля

 } else { // иначе- посылаем ajax- запрос для получения данных

   $.ajax({

    url:'popup_contact.php',

    type:'POST',

    dataType:'json',

    data:({'article_id': article_id}), //передаём значение rel в скрипт popup_contact.php методом POST

    success: function(response){  // если запрос будет выполнен удачно, то массив, полученный из бд MySQL, попадет в response

     if(link.data('focused') == 'true'){ //если курсор еще находится на ссылке, то показываем блок #popup

      array[response.article_id] = {'article_id':response.article_id, 'article_phone':response.article_phone,'article_email':response.article_email}; // полученные данные из бд записываем в массив

      if (response.article_phone.length > 1){ // если запись номера телефона больше 1 символа- выводим номер телефона

      $('#popup_phone').html(response.article_phone).prepend('Телефон:   ');

} else {

    $('#popup_phone').css({'display': 'none'}); // иначе скрываем div

}

    if (response.article_email.length > 1){ //если в ответе из бд есть адрес email- выводим его

    $('#popup_email').html(response.article_email).prepend('E-Mail:   ');

} else {

    $('#popup_email').css({'display': 'none'});

}

   $('#popup').css({'display': 'block'}).stop().animate({left: -130,opacity: 1},300); // анимация появления блока

     }

  }

   });

     }

   },

    function(){ // данная функция сработает и закроет окно, когда курсор покинет ссылку

    $(this).data('focused','false'); //устанавливаем для ссылки атрибут data-focused = "false"

        $('#popup').stop().animate({bottom: '50px',opacity: 0}, 200,

         function(){

          $('#popup').css({'display': 'none'});

         }); //анимация скрытия блока, когда курсор выйдет за пределы ссылки

   });

});

<?php

// все подключения к бд я опускаю, это уж сами делайте

   if (isset($_POST['article_id']) && intval($_POST['article_id']) > 0){

  $result = mysql_query("SELECT article_id, article_phone, article_email FROM article WHERE article_id='".$_POST['article_id']."'");

  if (mysql_num_rows($result) > 0){

 $data = mysql_fetch_assoc($result);

echo json_encode($data);

// кодируем результат функцией json_encode()

}

} else {

   die("Access Denied");

}

// intval() - примитивная проверка на целое число

?>

.contact {

position: relative; /*задаем позиционирование, чтобы popup окну задать абсолютное позиционирование */

float: right;

}

.contact a {

border: 1px solid black;

padding: 3px 4px;

border-radius: 4px;

}

#popup {

background-color: #ffb6c1;

background-image: linear-gradient(#ffe9e9,#ffb6c1);

border-radius: 8px;

box-shadow: 0 0 3px #333;

color: #000;

padding: 10px 5px;

display: none;

position: absolute;

bottom: 80px;

}

#popup:after {

content: '';

position: absolute;

width: 0;

height: 0;

border: 15px solid transparent;

border-top-color: #ffb6c1;

top: 100%;

left: 90%;

margin-left: -15px;

}

#popup#popup_email, #popup#popup_phone {

font-size: 16px;

line-height: 3px;

font-weight: bolder;

padding: 6px 6px 3px 6px;

}

   <head>

<link rel='stylesheet' href='popup_contact.css' type='text/css' media='screen' />

<script type='text/javascript' src='jquery.min.js'></script>

<script type='text/javascript' src='popup_contact.js'></script>

</head>

<body>

    <div class='contact'>

       <a href='#' title='Контакты' class='popup_info' rel='".$data['article_id']."'>Контакты</a>

       <div id='popup'><div id='popup_phone'></div>

<div id='popup_email'>

</div></div>

       </div>

</body>