Здравствуйте.
Не удается подключить эффект появления слева:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<style>
a {
color: black;
text-decoration: none;
}
.tabs ul {
margin: 0;
margin-bottom: 15px;
padding: 0;
font: 16px 'Open Sans';
}
.tabs ul li {
display: inline-block;
list-style: none;
margin-right: 10px;
}
.tabs ul li.active {
background: yellow;
}
.tab_content {
font: 16px 'Open Sans';
color: gray;
}
</style>
<div class="tabs">
<ul>
<li><a href="#comments">Комментарии</a></li>
<li><a href="#reviews">Рецензии</a></li>
<li><a href="#news">Новости</a></li>
</ul>
<div id="comments" class="tab_content">Content 1</div>
<div id="reviews" class="tab_content">Content 2</div>
<div id="news" class="tab_content">Content 3</div>
<script>
$(document).ready(function () {
$('.tabs ul li:first-child').addClass('active');
$('.tabs .tab_content:not(:first)').hide();
$('.tabs ul li a').click(function (e) {
e.preventDefault();
var content = $(this).attr('href');
$(this).parent().addClass('active');
$(this).parent().siblings().removeClass('active');
$(content).show();
$(content).siblings('.tabs .tab_content').hide();
});
});
</script>
</div>
И такой вопрос. Допустим, я хочу, чтобы пользователя при клике на ссылку перекинуло к определенному ID, делаю это так: www.site.ru/#id
Но что делать, если мне необходимо обратиться к id во второй вкладке, которая скрыта и открывается при клике на:
<a href="#reviews">Рецензии</a>
Как действовать в этом случае?