Jump to content
Sign in to follow this  
limonchik

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

Recommended Posts

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

 

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  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...