$(function() {
var jGroup = $('.group'),
jContent = $('.content');
jGroup.on('click', function(event) {
var jThis = $(event.currentTarget);
jGroup.removeClass('opened');
jContent.find('.container').removeClass('opened');
jThis.addClass('opened');
if (jThis.hasClass('a')) {
jContent.find('.container.a').addClass('opened');
jContent.find('.group.ru').addClass('linkid');
jContent.find('.group.en').removeClass('linkid');
};
if (jThis.hasClass('b')) {
jContent.find('.container.b').addClass('opened');
jContent.find('.group.en').addClass('linkid');
jContent.find('.group.ru').removeClass('linkid');
}
});
});
.container { display: none; }
.linkid { font-weight: 600; }
.container.opened { display: block; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<body class="content">
<div id='header'>
<div id="share" class="groups-container">
<a href="#" class="group ru a">RU</a>
<a href="#" class="group linkid en b">// EN</a>
</div>
<!-- RU -->
<div id='buttons' class="container a">
<div id='button'><a class="projects" href="/projects#ru">Проекты</a> </div>
<div id='button'><a class="scrapbook" href="/scrapbook#ru" >Альбом</a></div>
<div id='button'><a class="about" href="/about#ru">О нас</a></div>
<div id='button'><a class="contact" href="/contact#ru">Контакты</a></div>
</div>
<!-- EN -->
<div id='buttons' class="container opened b">
<div id='button'><a class="projects" href="/projects-ru#en">Projects</a></div>
<div id='button'><a class="scrapbook" href="/scrapbook#en" >Scrapbook</a></div>
<div id='button'><a class="about" href="/about#en">About</a></div>
<div id='button'><a class="contact" href="/contact#en">Contact</a>
</div>
</div>