すみません。ド素人で申し訳御座いません。個人的理由でみよう見まねで作ってみた人物の紹介の為のチェックボックスが効きません。何故かお解りでしょうか?宜しくお願い致します(m_m)。
動かない事例
動く事例
html(動かない事例の)
<h4 class="teacher_h3">ハイレベルプロの先生のご紹介</h4>
<div class="notableTeachersText">
<h3>K.M先生</h3>
</div>
<figure><img src="../img/teacher018.png" alt="K.M先生"/></figure>
<div class="menu">
<label for="menu_bar08">自己紹介などはこちらから</label>
<input type="checkbox" id="menu_bar08" class="accordion" />
CSSのmenu_bar記述
>#menu_bar01:checked ~ #links01 li,
>#menu_bar02:checked ~ #links02 li,
>#menu_bar03:checked ~ #links03 li,
>#menu_bar04:checked ~ #links04 li,
>#menu_bar05:checked ~ #links05 li,
>#menu_bar06:checked ~ #links06 li,
>#menu_bar07:checked ~ #links07 li,
>#menu_bar08:checked ~ #links08 li{
max-height: 40000px;
opacity: 1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
宜しくアドバイスを頂ければ幸いです(m_m)。
追記
#links01
~#links08
は単独では存在していません。ですが、links01~links07は機能するのです。
コメント有難う御座います。(m_m)