Skip to main content

チェックボックスが機能しません。(解決致しました。御礼申し上げます。)

すみません。ド素人で申し訳御座いません。個人的理由でみよう見まねで作ってみた人物の紹介の為のチェックボックスが効きません。何故かお解りでしょうか?宜しくお願い致します(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)

皆様、有難う御座います!input type="checkbox" id="menu_bar08" class="accordion" />の後に/div>とくくってしまい、そこで意味なく完結していました・・・。有難う御座いました(m_m)

Kentaro
  • 161
  • 1
  • 8