<style>
air_stat {
display: block;
border: 1px solid lightsteelblue;
}
air_head {
display: block;
font-weight: bold;
text-align: center;
}
air_tree {
display: block;
}
air_branch {
width: 100%;
display: table;
background: #efe;
cursor: pointer;
}
air_leaf {
width: 100%;
display: none;
}
air_type, air_chairs, air_range, air_bag {
display: table-cell;
border: 1px solid lightsteelblue;
padding: .2em;
}
air_type {
text-indent: 1.5em;
}
air_chairs, air_range, air_bag {
text-align: right;
width: 20%;
}
air_head > * {
text-align: inherit;
}
input[ air_switcher ] {
position: absolute;
visibility: hidden;
display: none;
}
input:checked ~ label air_branch {
background: #fef;
}
input:checked ~ air_leaf {
display: table;
}
</style>
<air_stat>
<air_head>
<air_type>Тип</air_type>
<air_chairs>Количество пассажирских мест</air_chairs>
<air_range>Дальность полета (км)</air_range>
<air_bag>Вместительность багажника (м³)</air_bag>
</air_head>
<air_tree>
<input id="switcher-1" type="checkbox" air_switcher="true" />
<label for="switcher-1">
<air_branch>
<air_type>Execuliners</air_type>
<air_chairs>50</air_chairs>
<air_range>11520</air_range>
<air_bag>18.1</air_bag>
</air_branch>
</label>
<air_leaf>
<air_type>Airbus Corporate Jetliner (ACJ)</air_type>
<air_chairs>43</air_chairs>
<air_range>11297</air_range>
<air_bag>9.6</air_bag>
</air_leaf>
<air_leaf>
<air_type>Boeing Business Jet (BBJ)</air_type>
<air_chairs>50</air_chairs>
<air_range>11519</air_range>
<air_bag>17.5</air_bag>
</air_leaf>
<air_leaf>
<air_type>Embraer Lineage 1000</air_type>
<air_chairs>19</air_chairs>
<air_range>7800</air_range>
<air_bag>18.1</air_bag>
</air_leaf>
</air_tree>
<air_tree>
<input id="switcher-2" type="checkbox" air_switcher="true" />
<label for="switcher-2">
<air_branch>
<air_type>Execuliners</air_type>
<air_chairs>50</air_chairs>
<air_range>11520</air_range>
<air_bag>18.1</air_bag>
</air_branch>
</label>
<air_leaf>
<air_type>Airbus Corporate Jetliner (ACJ)</air_type>
<air_chairs>43</air_chairs>
<air_range>11297</air_range>
<air_bag>9.6</air_bag>
</air_leaf>
<air_leaf>
<air_type>Boeing Business Jet (BBJ)</air_type>
<air_chairs>50</air_chairs>
<air_range>11519</air_range>
<air_bag>17.5</air_bag>
</air_leaf>
<air_leaf>
<air_type>Embraer Lineage 1000</air_type>
<air_chairs>19</air_chairs>
<air_range>7800</air_range>
<air_bag>18.1</air_bag>
</air_leaf>
</air_tree>
<air_tree>
<input id="switcher-3" type="checkbox" air_switcher="true" />
<label for="switcher-3">
<air_branch>
<air_type>Execuliners</air_type>
<air_chairs>50</air_chairs>
<air_range>11520</air_range>
<air_bag>18.1</air_bag>
</air_branch>
</label>
<air_leaf>
<air_type>Airbus Corporate Jetliner (ACJ)</air_type>
<air_chairs>43</air_chairs>
<air_range>11297</air_range>
<air_bag>9.6</air_bag>
</air_leaf>
<air_leaf>
<air_type>Boeing Business Jet (BBJ)</air_type>
<air_chairs>50</air_chairs>
<air_range>11519</air_range>
<air_bag>17.5</air_bag>
</air_leaf>
<air_leaf>
<air_type>Embraer Lineage 1000</air_type>
<air_chairs>19</air_chairs>
<air_range>7800</air_range>
<air_bag>18.1</air_bag>
</air_leaf>
</air_tree>
</air_stat>