JSFiddle - React, Tailwind, and code Playground
HTML
<script>
$.fn.textToggle = function(cls, str) {
return this.each(function(i) {
$(this).click(function() {
var c = 0, el = $(cls).eq(i), arr = [str,el.text()];
return function() {
el.text(arr[c++ % arr.length]);
}
}());
})
};
$(function(){
$('.sh_nmr').textToggle(".sh_nmr","");
$('.num_hide').textToggle(".num_hide","ХХХХХХХ").click();
});
$(document).on('click', '.sh_nmr', function(){
$('.num_hide').click();
var num = $('.num').text();
$('.num').html('<a href="tel:'+num+'">'+num+'</a>')
});
</script>
<div class="num">+380<span class="num_hide"> (95) 632-42-51</span> <span class="sh_nmr">показать</span></div>