Chciałem zrobić wyświetlanie się div'a przy kliknięciu przycisku (:focus), jednak przy każdej próbie nie działa poniższy kod. Jak to naprawić?
Kod
.button-logs
{
border: 0;
border-radius: 5px;
background: #ffffff;
height: 25px;
z-index: 3;
}
.button-logs:focus ~ .log30
{
display: block;
}
.log30
{
position: absolute;
left: 15px;
bottom: 60px;
z-index: 3;
background-color: #fff5ee;
height: 500px;
width: 350px;
font-size: 15px;
line-height: 30px;
display: none;
}
{
border: 0;
border-radius: 5px;
background: #ffffff;
height: 25px;
z-index: 3;
}
.button-logs:focus ~ .log30
{
display: block;
}
.log30
{
position: absolute;
left: 15px;
bottom: 60px;
z-index: 3;
background-color: #fff5ee;
height: 500px;
width: 350px;
font-size: 15px;
line-height: 30px;
display: none;
}