Есть страница меню в котором предлагается выбрать город, при смене города, страница не перезагружается, просто меняются контактные данные. Вот пример html-кода:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<p>Выберите город:</p>
<a href="#" class="dropbtn"><span>Вся Росссия</span></a>
<ul class='dropdown-city'>
<li data-value="111">link 1</li>
<li data-value="123">link 2</li>
<li data-value="1233">link 3</li>
</ul>
<address class="header">
<a href="mailto:[email protected]">[email protected]</a>
<div class="phone"></div>
<a href="#">Заказать обратный звонок</a>
</address>
</body>
</html>
Вот пример уже существующего JS-кода:
$('.dropbtn').click(function(){
$(".dropdown-city").slideToggle('fast');
});
$('.dropdown-city li').click(function(){
var tx = $(this).html();
var tv = $(this).attr('data-value');
$(".dropdown-city").slideUp('fast');
$(".dropbtn span").html(tx);
$(".phone").html(tv);
});
})
При клике на ссылку .dropbtn выпадает список, после выбора, текст "Вся Россия" меняется на выбранный город, а в блоке с контактными данными в блок .phone добавляется текст из параметра alt .
Что можно изменить JS коде, чтобы менялся еще и @mail, возможно есть практичнее способ?