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

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

makalet,
еслиб не Google Chrome было бы достаточно
css

.testimage:focus .details { display: none;}

html
<div class="testimage" tabindex="" >

рони, спасибо, вроде работает. Есть 1 вопросик по поводу slick. Почему-то, когда мы возвращаемся к первому блоку после прокрутки, то фокус с блока сбрасывается. Допустим(как в коде), у меня 5 блоков. Я начинаю листать с 1-го, и когда я дохожу обратно к нему, то фокус сбрасывается. Так постоянно Вот гифка - http://hipics.ru/image/0xZ

makalet,
вариант -- слайдер клонирует элементы и забывает про tabindex -- после полного круга tabindex отсутствует на всех элементах -- а без него фокус будеть только на элементах формы a input и тд

рони, можно как-то исправить? По вашему примеру я не добавлял tabindex. И без него работает.

makalet,
без css

$(".testimage").on("focusin focusout",function(event) {
    $(".details", this).toggle(event.type == "focusout")
})

рони, скопировал данный скрипт, но все равно фокус теряется и рамки обнуляется всё.

makalet,
можно только гадать