Это может быть достигнуто путем присоединения «tabindex» к элементу. Это сделает этот элемент «кликабельным». Затем вы можете использовать: focus для выбора скрытого div следующим образом:
.clicker {
width:100px;
height:100px;
background-color:blue;
outline:none;
cursor:pointer;
}
.hiddendiv{
display:none;
height:200px;
background-color:green;
}
.clicker:focus + .hiddendiv{
display:block;
}
<html>
<head>
</head>
<body>
<div>
<div class="clicker" tabindex="1">Click me</div>
<div class="hiddendiv"></div>
</div>
</body>
</html>
Селектор + выберет ближайший элемент ПОСЛЕ раздела «кликер». Вы можете использовать другие селектора, но я считаю, что нет текущего способа выбора элемента, который не является родным или дочерним.