Всем добрый день!
Есть HTML страничка с менюшками справа и слева:
<head>
<meta charset="UTF-8">
<title>ПАнеЛЬ obe</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" href="css/style-panel-pravo.css">
<link rel="stylesheet" href="css/style-panel.css">
<link rel="stylesheet" href="D:/NOWINKA CHART/css/style NOWINKA.css">
</head>
<body>
<article class="kontext1">
<article class="kontext">
<div class="layer1 one show">
<h2>1</h2>
<p>иии</p>
</div>
<div class="layer1 two">
<h2>2</h2>
</div>
<div class="layer1 three">
<h2>3</h2>
</div>
<a>справа получилось!!!!!!</a>
<div class="layer one show">
<h2>1</h2>
<p>иии</p>
</div>
<div class="layer two">
<h2>2</h2>
</div>
<div class="layer three">
<h2>3</h2>
</div>
<a>справа не получилось????</a>
</article>
<ul class="bullets"></ul>
</article>
<ul class="knopka"></ul>
<script src="js/index-panel-pravo.js"></script>
<script src="js/index-panel.js"></script>
</body>
Внизу расположены два скрипта, так вот, в зависимости от того какой скрипт расположен ниже, тот и срабатывает и одни и те же кнопки управления управляют то левой менюшкой, то правой. Как исправить ситуацию и заставить работать каждый скрипт со своей менюшкой и своими кнопками!?
ВОТ СКРИПТЫ: файлы прикрепляю
