Как при фокусе заставить эти блоки появиться?

Question

[AhmedGasem]

А получается ничего:

Должны быть так:

Пытался сделать так:
.cappuchino - это класс этих блоков
.cappuchino{
display: none;
position: relative;
width: 287px;
height: 130px;
color:#ffeeb7;
border-top: 1px solid #675956;
border-bottom: 1px solid #675956;
}
input[id="coffee"]:focus .cappuchino{
display: block;
}
Помогите пожалуйста!

Answer 1

[Андрей Верх]

Судя по скриншоту, вам нужен JS скрипт табов.
Не нужно пытаться мудрить с CSS.

Answer 2

[Ankhena]

Табы прекрасно делаются на CSS
inferusvv.ru/blog/css/14-taby-s-pomoschyu-css3.html