Задать вопрос
@wagwan

Как добавить эффект появления слева?

Здравствуйте.

Не удается подключить эффект появления слева:
<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>
Как действовать в этом случае?
  • Вопрос задан
  • 222 просмотра
Подписаться 1 Оценить 1 комментарий
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы