0

私はこれについてしばらく研究してきましたが、私の問題に対する良い答えが見つかりませんでした.

そのため、スクロールできないページの下部に固定されるjQuery アコーディオンメニューを作成しました。つまり、各サブメニュー要素の子を下から上に垂直にスライドさせ、その逆ではないようにします。これは、親要素 (別名、メニューのセクションのタイトル) がまだ一番上にあり、他の要素をその下に表示する必要があることを意味します。

メニューの現在の状態でjsfiddleを作成しましたが、これが私のjQueryコードの現在の様子です。

$(document).ready(function(){
$("#Navmenu h3").click(function(){
$(“#Navmenu ul ul”).slideUp();
    if(!$(this).next().is(":visible"))
    {
    $(this).next().slideDown();
    } else { $(this).next().slideUp(); }
    })
})

誰かがこれを正しくするためのヒント/解決策を教えてもらえますか? 私はこれに慣れていませんが、実際に解決策を見つけようとしました。もしかしたら、検索で間違ったタグワードを使用しただけかもしれません...

どんな助けでも本当に感謝しています。

乾杯。

4

4 に答える 4

0

CSSの部分です。CSS で以下の id を更新します

#Navmenu {
    top: 85%;    //remove this line
    bottom: 1px;
}
于 2013-08-06T18:40:45.877 に答える
0

まず、必要なスクリプトの簡略版を次に示します。

        $(document).ready(function () {
            $("#Navmenu h3").click(function () {
                $(this).siblings("ul").slideToggle();
            });
        });

次に、本当に必要なのは、ul ul セレクターの CSS を position:absolute: にすることです。

 #Navmenu ul ul {
    display: none;
    position:absolute;
    bottom:75px;
}

次に、上記のように下から直接配置するか、同様の方法で配置します：http://jsfiddle.net/t4KjC/2/

これがお役に立てば幸いです。あなたのメニューで頑張ってください!

于 2013-08-06T18:40:47.283 に答える