Показать скрытые данные по клику мышки

Base64. Мобильный номер

by आर्थर

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<div class='number' data-str='KDA5NSkgNjMyLTQyLTUw'>
<i class='fa fa-phone'>&#160;&#160;</i><a class='number_hide'>(xxx) xxx-xx-xx</a> 
<span class='sh_num'>Показать</span>
</div>

CSS

.sh_num{cursor:pointer;color:rgba(37,34,34,0.54);border-bottom:1px dotted #526F94;}
.number_hide::before { content: "+38 ";}
.sh_num:hover {color:#818080; }

JavaScript

$('.sh_num').click(function(){
	if( ! $(this).hasClass('on')){
    $number = window.atob($('.number').attr('data-str'))
		$('.number_hide').text($number)
                  .attr('href' , 'tel:' +  $number.replace(/[^0-9\+]/ig,""));
    $(this).addClass('on');
    $(this).hide();
	}else{
		$('.number').attr('data-str', window.btoa($('.number_hide').text()));
		$('.number_hide').text('(XX) XXX-XX-XX')
                  .removeAttr('href');
    $(this).removeClass('on');
  }
});