Как убрать текст при клике по блоку?

Question

[Minningt]

Привет всем. Подскажите, как убрать блок с текстом "Тут будет описание и детали", если мы нажали на определенный блок(взяли в фокус)? Стоит заметить, что не надо убирать текст на всех остальных. Только у того, на который нажали
codepen.io/anon/pen/jPJwVV

Comments

[dk-web]

Уточню - нажимаем куда? на самом блок и его же скрываем?

[Minningt]

dk-web: нажимаем на блок, а внутри самого блока есть текст. Вот надо чтобы текст пропадал при взятии в фокус блок

Answer 1

[Alex Pro]

Добавьте после .datails:

.details{...}
.slick-center .details{
  opacity: 0;
  visibility: hidden;
}

Если хотите, чтобы исчезал плавно:

.details{
...
  -webkit-transition: all 0.3s ease;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
          transition: all 0.3s ease;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.slick-center .details{
  opacity: 0;
  visibility: hidden;
}

Comments

[Minningt]

Спасибо, работает.