Как переключить эффект в Div, используя только CSS? ⇐ CSS

[Anonymous]

Я попробовал все вопросы и ответы по этой теме. Кроме того, я пробовал связанные вопросы и пытался их решить, но безуспешно. Поэтому, пожалуйста, прочитайте мой вопрос внимательно.
Я хочу

• Я щелкните меня Div, затем Второй скрытый div Отображение Div. Но я хочу щелкнуть второй раз в click me Div, а затем скрыть скрытый div Div . Аналогичное событие переключения с использованием чистого CSS.
• Я нажимаю на себя Div, затем Второй скрытый div Отображение Div. Но я нажимаю на другую область, затем скрываю

  Код: Выделить всё

  hiddendiv Раздел. Поэтому я хочу не скрыватьhiddendiv

  Div при любом другом клике с использованием чистого CSS.

Только чистый CSS ,CSS3 Использовать в ответе, не использовать (javascript,jquery) и
любой другой элемент управления

Код

Код: Выделить всё

.clicker {
width: 100px;
height: 100px;
background-color: blue;
outline: none;
cursor: pointer;
color:#FFF;
}

.hiddendiv {
display: none;
height: 200px;
background-color: green;
}

.clicker:focus+.hiddendiv {
display: block;
}

Код: Выделить всё

Click me

Подробнее здесь: https://stackoverflow.com/questions/422 ... g-only-css