limonchik

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

3 сообщения в этой теме

<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;
    });

});

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
На мой взгляд решение не лучшее, но для вашей задачи должно подойти:

<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 понравилось это

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
24 минуты назад, woolfon сказал:

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу