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

Что дописать для того что бы при клике менялись div?

5cc27a9e83129107136678.png
есть 3 div с контентом 1 див активен , второй и третий hide
нужно что бы при клике на li новости открывался первый див
При клике li Анонсы открывался второй див и т.д , а другие получали класс hide
$(function() {

    $('#nav').on('click', 'li', function(event) {
	$('#hide').addClass("hide")(думаю вот суда что то дописать ???).removeClass("hide");
         $(this).addClass("active").siblings().removeClass("active");
         event.preventDefault();


    });

});

И вот HTML
<section class="second_news">
  <div id="next" class="container">
    <div class="row">
      <div class="col">
        <ul class="second" id="nav">
          <li id="test"class="second__item active"><a href="#">Новости</a></li>
          <li id="test" class="second__item"><a href="#">Анонсы</a></li>
          <li id="test" class="second__item"><a href="#">Инфоблок</a></li>
        </ul>
      </div>
    </div>
    <div  class="row">
    <div id="hide" class="col-xl-9">
<div class="back-color d-flex">
<div class="col">
  <div class="content-news">
    <div class="content-news__item">
      <img src="img/new.png">
      <div class="content-news__text">
        <span>5 дек 2018 г.</span>
        <span><img src="img/eye.png">480</span>
        <p class="news__text"><a href="#">Ключи от 59 новых «скорых» Олег Кожемяко вручил главврачам Приморья</a></p>
      </div>
    </div>
  </div>
  <div class="content-news">
    <div class="content-news__item">
      <img src="img/new.png">
      <div class="content-news__text">
        <span>5 дек 2018 г.</span>
        <span><img src="img/eye.png">480</span>
        <p class="news__text"><a href="#">Ключи от 59 новых «скорых» Олег Кожемяко вручил главврачам Приморья</a></p>
      </div>
    </div>
  </div>
   <div class="content-news">
    <div class="content-news__item">
      <img src="img/new.png">
      <div class="content-news__text">
        <span>5 дек 2018 г.</span>
        <span><img src="img/eye.png">480</span>
        <p class="news__text"><a href="#">Ключи от 59 новых «скорых» Олег Кожемяко вручил главврачам Приморья</a></p>
      </div>
    </div>
  </div>
</div>
<div class="col">
  <div class="content-news">
    <div class="content-news__item">
      <img src="img/new.png">
      <div class="content-news__text">
        <span>5 дек 2018 г.</span>
        <span><img src="img/eye.png">480</span>
        <p class="news__text"><a href="#">Ключи от 59 новых «скорых» Олег Кожемяко вручил главврачам Приморья</a></p>
      </div>
    </div>
  </div>
  <div class="content-news">
    <div class="content-news__item">
      <img src="img/new.png">
      <div class="content-news__text">
        <span>5 дек 2018 г.</span>
        <span><img src="img/eye.png">480</span>
        <p class="news__text"><a href="#">Ключи от 59 новых «скорых» Олег Кожемяко вручил главврачам Приморья</a></p>
      </div>
    </div>
  </div>
   <div class="content-news">
    <div class="content-news__item">
      <img src="img/new.png">
      <div class="content-news__text">
        <span>5 дек 2018 г.</span>
        <span><img src="img/eye.png">480</span>
        <p class="news__text"><a href="#">Ключи от 59 новых «скорых» Олег Кожемяко вручил главврачам Приморья</a></p>
      </div>
    </div>
  </div>
</div>
</div>
</div>
  • Вопрос задан
  • 63 просмотра
Подписаться 1 Средний Комментировать
Пригласить эксперта
Ответы на вопрос 1
@ikfah012
Не самый умный парень в этом чате
Вам нужно использовать .show .
$( ".нужный класс" ).show();
Ответ написан
Ваш ответ на вопрос

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

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