Javascript.RU

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

zahar_92,
по русски можно? одной кнопкой вы хотите показать телефон в 2 местах или что?
Ответить с цитированием
  #12 (permalink)  
Старый 15.05.2016, 23:05
Интересующийся
Отправить личное сообщение для zahar_92 Посмотреть профиль Найти все сообщения от zahar_92
 
Регистрация: 13.05.2016
Сообщений: 18

Да. Ссылка показывающая телефон имеет класс click-tel и два телефона имеют класс hide-tail, оба телефона надо скрыть и при нажатии на ссылку оба показать, а ссылку после нажатия сделать не кликабельной..

Сейчас получается при нажатии на ссылку отображается только один из телефонов и ссылка остается активной, и можно повторно скрыть телефон.
Ответить с цитированием
  #13 (permalink)  
Старый 15.05.2016, 23:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

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),
            g = c.eq(0).text();
        c.text(b).show();
        $(a).click(function(b) {
            b.preventDefault();
            c.text(g);
        })
    })
};
$(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> //тут телефон



</body>
</html>
Ответить с цитированием
  #14 (permalink)  
Старый 15.05.2016, 23:47
Интересующийся
Отправить личное сообщение для zahar_92 Посмотреть профиль Найти все сообщения от zahar_92
 
Регистрация: 13.05.2016
Сообщений: 18

Спасибо! Все отлично работает!!
Ответить с цитированием
  #15 (permalink)  
Старый 16.05.2016, 13:23
Интересующийся
Отправить личное сообщение для zahar_92 Посмотреть профиль Найти все сообщения от zahar_92
 
Регистрация: 13.05.2016
Сообщений: 18

Заметил одну проблему..(( В мобильном браузере не работает.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
При клике по datefield выделение текста demi ExtJS 1 19.10.2014 22:28
Как средствами Ajax при нажатии на кнопку (ссылку) открывать окно, в котором будет ин Sergo jQuery 3 13.03.2014 10:17
Вопрос по jquery. Как запретить один из скриптов при клике vuler Общие вопросы Javascript 1 07.03.2012 22:35
Переопределение поведения при клике на ссылку dyosick Events/DOM/Window 2 07.02.2012 19:56
Подскажите как убрать часть текста при нажатии на кномпу или гиперссылку. potkin Общие вопросы Javascript 6 10.10.2008 07:55