zahar_92,
по русски можно? одной кнопкой вы хотите показать телефон в 2 местах или что? |
Да. Ссылка показывающая телефон имеет класс click-tel и два телефона имеют класс hide-tail, оба телефона надо скрыть и при нажатии на ссылку оба показать, а ссылку после нажатия сделать не кликабельной..
Сейчас получается при нажатии на ссылку отображается только один из телефонов и ссылка остается активной, и можно повторно скрыть телефон. |
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>
|
Спасибо! Все отлично работает!!
|
Заметил одну проблему..(( В мобильном браузере не работает.
|
| Часовой пояс GMT +3, время: 19:57. |