すみません。ド素人で申し訳御座いません。HP担当者が流産に瀕していてみよう見まねで作って
みた人物の紹介の為のチェックボックスが効きません。何故かお解りでしょうか?宜しくお願い致します(m_m)。

動かない事例

[![問題事例][1]][1]

動く事例

[![動く事例][2]][2]

html(動かない事例の)

<!-- language: lang-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記述

<!-- language: lang-css -->

    >#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)。

  [1]: https://i.sstatic.net/FhGAk.jpg
  [2]: https://i.sstatic.net/gQlF8.jpg