Форумы портала PHP.SU :: Версия для печати :: Кнопка показать скрытый текст с ссылкой

1. TemaFeik - 24 Января, 2016 - 23:35:33 - перейти к сообщению

Доброго времени суток, уважаемые программисты! Я почти ничего не понимаю в php, но мне нужно сделать такое решение.
Имеется текст в теге <div>, он должен быть скрыт изначально. Вместо него сначало должна быть кнопка с текстом, при нажатии на которую текст показывается, но самое ГЛАВНОЕ при нажатии кнопка должна отправить ссылку(для яндекс метрики, цель "показать скрытый текст") и если возможно исчезнуть. Если я написал полную фигню, которую нельзя сделать простым способом, то подскажите как мне сделать.
Текст это номер телефона, и мне нужно сделать цель в метрике, чтобы узнать сколько человек посмотрело телефон.

2. lastdays - 25 Января, 2016 - 08:07:00 - перейти к сообщению

CODE (html):
скопировать код в буфер обмена

<script type="text/javascript" src="./js/jquery.js"></script>
 
<!-- Текст -->
<div id="text" style="display:none;"> 0373 333 333 333 333 </div>
<!-- Кнопка -->
<input type="button" id="button" value="Показать">
 
 
 
<script type="text/javascript">
//- Документ загружен
$(document).ready(function()
{
 //- Клик по кнопке
 $('#button').on('click', function (  ) {
   //- Значение кнопки
   $(this).val('Загрузка').attr("disabled", true);
   //- Таймаут перед отправкой аякс
   setTimeout(function(){
        $.ajax({
    type: "POST",
    url: "/metrika.php",
    dataType: 'HTML',
    data: {
      'metrika'  : 1
    },
    success: function(data, code){
     console.log( 'Метрика' );
    },
    error:  function(xhr, str){
     console.log(xhr, str);
    },
    complete:  function(){
    //-
    $('#button').val('Показать').attr("disabled", false);
    //- Показать текст по завершению
    $('#text').show(500);
    }
   }) }, 900);
 
 });
});
</script>