0

以下の jsfiddle を見ると、3 つのドロップダウン メニュー (DROP1、DROP2、DROP3) があります。最初のコンテンツは左端に固定されますが、2 番目と 3 番目のコンテンツはそれぞれのボタン ボタンのすぐ下から始まります。

jsfiddle: http://jsfiddle.net/6a3eZ/73/

問題は、2 番目と 3 番目のドロップダウンのコンテンツを左端にも固定する方法です (負のマージンで別のスタイルを適用せずに)。

どうもありがとう。

jQuery(document).ready(function ($) {
    jQuery('.menu ul').slideUp(0);

    jQuery('.menu li.sub').click(function () {
        var target = jQuery(this).children('a');
        if(target.hasClass('menu-expanded')){
            target.removeClass('menu-expanded');
        }else{
            jQuery('.menu-item > a').removeClass('menu-expanded');
            target.addClass('menu-expanded');
        }
        jQuery(this).find('ul:first')
                    .slideToggle(400)
                    .end()
                    .siblings('li')
                    .find('ul')
                    .slideUp(400);
    });
});
4

1 に答える 1

0

新しいフィドル

position: absoluteサブメニューにとを追加することleft: 0で、左側にくっつきます。

ul.sub-menu {
    position: absolute;
    left: 0;
    ...
}

fixedこれは、relativeまたはabsolute位置を持つ次の親コンテナーに相対的であるためです。そして、それは#menuです。

問題は、サブメニューが通常の流れから外され、下部にある 3 つのメニュー項目が重なってしまうことです。

于 2013-06-19T12:41:03.317 に答える