Переключатель между display

griboyedov

Есть следующая страница:
<!DOCTYPE html>
<html lang="ru">
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <input type="checkbox" class="checkbox">    
 
    <section>
    </section>
 
    <section>   
    </section>
 
    <section>
    </section>
</body>
</html>
section
{
    display: inline-block;
    width: 262px;
    margin-right: 50px; 
    margin-bottom: 50px;
}
В section есть тоже некоторые элементы. На данный момент они расположены как inline-block. Как сделать в зависимости от того, включен ли checkbox или нет, изменение display c inline-block на block?
1 ответ

griboyedov

griboyedov, если разметка и правда такая, то - песочница
input[type="checkbox"]:checked ~ section{display:block}
Скрин