サポート » 使い方全般 » 4.7.1–ja cssの折りたたみが反応しなくなった。

  • 解決済 yumiko245

    (@yumiko245)


    皆様、お世話になっております。

    先程、4.7.1–jaにアップデートしたところ、折りたたみのメニューが全開の状態で反応しなくなってしまいました。

    そもそも個人サイト様で公開されているものをコピペさせて頂いただけなので、詳しい知識もなく困っております。
    以下、CSSの記述です。

    input[type="checkbox"].on-off{
        display: none;
    }
    
    .menu ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    
    .menu li {
        padding: 5px;
    }
    
    input[type="checkbox"].on-off + ul{
        height: 0;
        overflow: hidden;
    }
    
    input[type="checkbox"].on-off:checked + ul{
        height: 100%;
    }

    ページ内では下記のようなかたちで記述しています。

    <div class="menu"><label for="Panel01">▽△</label><input type="checkbox" id="Panel01" class="on-off" /><ul><span style="font-size: small;">テキストテキストテキスト</span></ul></div><br></div></div>
    </div>

    更新前までは問題なく機能しておりました。
    無知で申し訳ありません。どなたか修正点を御指摘頂けないでしょうか。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは、投稿本文で折り畳みメニューを表示しているという事ですか?
    それでしたら、

    
    input[type="checkbox"].on-off + ul{
        height: 0;
        overflow: hidden;
    }
    
    input[type="checkbox"].on-off:checked + ul{
        height: 100%;
    }
    

    のところを以下のように変更してみてください

    
    input[type="checkbox"].on-off ~ ul{
         height: 0;
         overflow: hidden;
    }
    input[type="checkbox"].on-off:checked ~ ul{
         height: 100%;
    }
    
    • この返信は7年、 5ヶ月前にnobitaが編集しました。
    トピック投稿者 yumiko245

    (@yumiko245)

    nobita様。
    返信有難う御座います。

    >投稿本文で折り畳みメニューを表示しているという事ですか?
    その通りです。

    直りました!

    テンプレートの更新でレイアウトが崩れる事はよくありましたが、まさかwp自体の更新で不具合が出るとは思いませんでした。

    有難う御座いました。
    今後も何かありましたら御教授お願い致します。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「4.7.1–ja cssの折りたたみが反応しなくなった。」には新たに返信することはできません。