Показать сообщение отдельно
  #9 (permalink)  
Старый 15.05.2016, 21:27
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

zahar_92,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .hide-tail{
    display: none;
  }

 </style>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>

 <script>
 $.fn.textToggle = function(d, b, e) {
    return this.each(function(f, a) {
        a = $(a);
        var c = $(d).eq(f),
            g = [b, c.text()],
            h = [a.text(), e];
        c.text(b).show();
        $(a).click(function(b) {
            b.preventDefault();
            c.text(g.reverse()[0]);
            a.text(h.reverse()[0])
        })
    })
};
$(function(){
$('.click-tel').textToggle(".hide-tail","+7XXXXXXX","скрыть телефон")
});
</script>

</head>

<body>

<span class="hide-tail">+7 999 1112223</span> //тут телефон


<a href="#" class="click-tel">показать телефон</a> <br>

<span class="hide-tail">+7 999 1112223</span> //тут телефон


<a href="#" class="click-tel">показать телефон</a>
</body>
</html>
Ответить с цитированием