Почему событие onclick срабатывает после загрузки страницы само по себе, без нажатия?

Question

[JustNothing]

Здравствуйте.
Помогите разобраться, уже сутки без сна скоро сойду с ума.
Имеется скрипт что скрывает часть номера

jQuery(document).ready(function($){

$.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(){
$('.nomer_shapka').textToggle(".nomer_shapka","").click();
$('.nomer_shapka').textToggle(".num_hide","ХХ-ХX").click();
});
});

Имеется к нему HTML код

(999)999-<span class="num_hide">99-99</span> 
<span class="nomer_shapka sh_nmr" onclick="gtag('event', 'sendForm', { 'event_category': 'nomer_shapka', 'event_action': 'nagatie_nomer_shapka' });">показать</span>

Суть кода проста - скрываются 4 последние цифры телефонного номера, вместо них - ХХ-ХХ. При нажатии на кнопку ПОКАЗАТЬ, они появляются а сама кнопка показать исчезает. + Отправляется цель в Гугл.

Если эту цель с событием onclick навесить на любой другой элемент сайта все ок, срабатывает по нажатию, но в данном коде цель срабатывает сама по себе, сразу после загрузки страницы.

Подскажите где я допустил ошибку или что дописать, чтобы это работало корректно.

Comments

[Socrates]

zadacha dovolna prostaya pihi na nativnom gavascripte otkagis ot inline gavascript

Answer 1

[Codebaker]

Ваш код кликает:

$(function(){
$('.nomer_shapka').textToggle(".nomer_shapka","").click();
$('.nomer_shapka').textToggle(".num_hide","ХХ-ХX").click();
});