Мой ответ уже не актуален, но все же отвечу: в яваскрипт ковычки не могут находиться внутри других ковычек такого же типа. Если внешние ковычки одинарные, то внутри нужно ставить двойные, и наоборот. Или экранировать их обратным слэшем.
'<span class="phone_number_xxxx">xxxx</span>'
'<span class=\'phone_number_xxxx\'>xxxx</span>'
В отношении основного вопроса, то для задач "показать/скрыть" есть простое и практичное решение на чистом HTML/CSS - это связка <label> и скрытого checkbox:
<style>
.tel input, .tel input + span {display: none}
.tel input:checked ~ span {display: none}
.tel input:checked + span {display: inline}
</style>
<label class="tel">
<input type="checkbox"/>
99922<span>7777 Скрыть</span>
<span>xxxx Показать</span>
</label>
Если нужно, чтобы клик срабатывал только один раз, навешиваем на чекбокс простой обработчик:
<input type="checkbox" onchange="if (!this.checked) this.checked = true"/>