Добрый день! Появилась проблема с использованием Яндекс Карт, в поиске решения не нашла плэтому выношу проблему здесь: есть задача использовать несколько карт на одной странице, но чтобы были видны не все сразу, поэтому были созданы вкладки, в каждой вкладке по карте. Проблема в том, что данный код отработал всего 1 раз, открыл первую вкладку с картой, вторую уже не открыл, т.е. вкладку открыл, но карту не показывает. При обновлении страницы полностью перестал отображать карты, подскажите, в чем может быть проблема, код вроде бы элементарный...
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<script type="text/javascript"> //<![CDATA[
var abv = "HTML";
function vkladki(x,y) {
var mostrar = document.getElementById(x);
var actual = document.getElementById(abv);
if(mostrar==actual) {return false;}
actual.className="skryt";
mostrar.className="vid";
abv = x;
document.getElementById('
if (self.ramka) ramka.style.borderBottomColor = '#e1e1e1';
y.style.borderBottomColor = '#fff'; ramka = y;
}
//]]> </script>
<style type="text/css">
p {text-indent:25px;}
.korpus > a {
padding: 2px 5px;
border: 1px solid #e1e1e1;
line-height: 20px;
}
.korpus > a:first-child { border-bottom: 1px solid #fff; }
.korpus > a:hover { text-decoration: none; }
.korpus div {
border: 1px solid #e1e1e1;
padding: 5px;
width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.korpus .vid { display: block; }
.korpus .skryt { display: none; }
</style>
</head>
<body>
<br>
<div class="korpus">
<a onclick="vkladki('HTML',this);" href="javascript:void(0);" id="vkladka1"> </a>
<a onclick="vkladki('Нижний',this);" href="javascript:void(0);">Нижний Новгород</a>
<a onclick="vkladki('Калуга',this);" href="javascript:void(0);">Калуга</a>
<a onclick="vkladki('Ярославль',this);" href="javascript:void(0);">Ярославль</a>
<a onclick="vkladki('Орел',this);" href="javascript:void(0);">Орел</a>
<a onclick="vkladki('Тверь',this);" href="javascript:void(0);">Тверь</a>
<a onclick="vkladki('Тюмень',this);" href="javascript:void(0);">Тюмень</a>
<a onclick="vkladki('Челябинск',this);" href="javascript:void(0);">Челябинск</a>
<a onclick="vkladki('Екатеринбург',this);" href="javascript:void(0);">Екатеринбург</a>
<div id="HTML" class="vid">Выберете Ваш город для получения информации</div>
<div id="Нижний" class="skryt"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru
<div id="Калуга" class="skryt"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru
<div id="Ярославль" class="skryt"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru
<div id="Орел" class="skryt"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru
<div id="Тверь" class="skryt"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru
<div id="Тюмень" class="skryt"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru
<div id="Челябинск" class="skryt"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru
<div id="Екатеринбург" class="skryt"><script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru
</div>
</body>
</html>