Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Отобразить контактную информацию по клику (https://javascript.ru/forum/dom-window/52719-otobrazit-kontaktnuyu-informaciyu-po-kliku.html)

Globus 03.01.2015 03:23

Отобразить контактную информацию по клику
 
Друзья, с новым годом!
хотел уточнить, может кому известно, как можно скрыть часть номера телефона на сайте и отобразить его полностью только по клику, как реализовано на многих сайтах с досками объявлений.

На странице сайта штмл выглядит примерно так:

<div>
<p>Олег: <span>12-34-56, емейл adf@sf.ru</span></p>
<div>Любой текст объявления</div>
</div>
<div>
<p>Пётр Иванович:(431)23456</p>
<div>Любой текст объявления</div>
</div>



Хотелось бы, чтобы изначально пользователь видел объявлениЯ в таком виде:

"..
Олег (открыть контакты)
Любой текст объявления

Пётр Иванович (открыть контакты)
Любой текст объявления
..."

А при нажатии на "открыть контакты", чтобы объявление выглядело уже так:


"..
Олег: 12-34-56, емейл adf@sf.ru
Любой текст объявления

Пётр Иванович (открыть контакты)
Любой текст объявления
..."

буду рад любым советам!
Если через js можно ещё и от псов спрятать, а не только от клиентских взоров, то жду советов, спасибо!

Rise 03.01.2015 03:55

Globus, тебе уже совет дали красным цветом :D


Часовой пояс GMT +3, время: 11:17.