Sign in to follow this  
Followers 0
limonchik

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

3 posts in this topic

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

});

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

Share this post


Link to post
Share on other sites
На мой взгляд решение не лучшее, но для вашей задачи должно подойти:

<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 likes this

Share this post


Link to post
Share on other sites
24 минуты назад, woolfon сказал:

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

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

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.