Как изменить язык контента якорем
343
27 декабря 2016, 01:05
$(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>Answer 1
Попробуй вот таким образом
var hash = window.location.hash.replace('#', '');
if(hash == 'en'){
jContent.find('.container.b').addClass('opened');
jContent.find('.group.en').addClass('linkid');
jContent.find('.group.ru').removeClass('linkid');
}else if(hash == 'ru'){
jContent.find('.container.a').addClass('opened');
jContent.find('.group.ru').addClass('linkid');
jContent.find('.group.en').removeClass('linkid');
};
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47686 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30537 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23715 visits
- Как через css изменить цвет png изображения? 10367 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9233 visits
- Работа с captcha vk api 8112 visits
![Как хранятся картинки в играх? [требует правки]](https://hostciti.net/images/nophoto.png "Как хранятся картинки в играх? [требует правки]")
© "hostciti.net" 14.1.2025 | 14:33