<head>
<style>
.show {
display: block;
visibility: visible;
}
.hide {
display: none;
visibility: hidden;
}
</style>
<script>
function switchLang(lng)
{
var lngHide = (lng == 'ru') ? 'en' : 'ru';
document.getElementById(lng).className = 'show';
document.getElementById(lngHide).className = 'hide';
}
</script>
</head>
<body>
<p>
<a href="javascript:switchLang('en')"> En </a>
<a href="javascript:switchLang('ru')"> Ru </a>
</p>
<= Этот класс работает
<div id="en" class="hide">English text</div>
<div id="ru" class="show">Russian text</div>
<= следующий не работает
<div id="en" class="hide">новый English text</div>
<div id="ru" class="show">новый Russian text</div>
<body>
Вот какая проблема, одна ссылка работает, то есть переключается,
а если помещаю две или три таких, то работает только верхний класс, а нижние не переключают язык.