Помогите со скриптом

[limonchik 96]

<div class="phone-city">
<p class="city">Москва</p>
</div>
<p class="phone-moscow visible"><a href="tel:00000">00000</a></p>
<p class="phone-spb"><a href="tel:000000">00000</a></p>

jQuery(document).ready(function($) { 
	 $('.city').click(function () {
        $(".phone-moscow").removeClass('visible');
        $(".phone-spb").addClass('visible');
		$('.city').text('Санкт-Петербург');
        return false;
    });

});

Как сделать что бы при повторном клике возвращались исходные данные?

[woolfon 51]

На мой взгляд решение не лучшее, но для вашей задачи должно подойти:

<div class="phone-city">
<p class="city">Москва</p>
<p class="city" style="display:none">Санкт-Петербург</p>
</div>
<p class="phone"><a href="tel:00000">00000</a></p>
<p class="phone" style="display:none"><a href="tel:1234">1234</a></p>  
$('.city').click(function () {
    $(".phone").toggle();
	$('.city').toggle();
    return false;
});

 

[limonchik 96]

24 минуты назад, woolfon сказал:

На мой взгляд решение не лучшее, но для вашей задачи должно подойти:

Спасибо, за рабочий вариант... !