3

現在非表示になっている下の HTML を表示するために展開する小さなメニューがあります。

次のjQuery：

$('.mobileMenu').click(function(e) {
    $(this).toggleClass('arrowDown').next().slideToggle('slow');
});

このコードはこのページでうまく機能します(左側の列の「非表示」機能をクリックします)。

ただし、「モバイル幅」のメニューで同じ機能を利用する必要があります。

ブラウザのサイズを 320 程度に変更してここに移動すると、メニューが +menu になっていることがわかります (少し壊れていますが、機能しています)。それをクリックすると、メニューが展開されてリンクが表示されますが、リンクはmainコンテンツ領域にぶら下がっています.

div内のすべてのnavigationdiv はそうですが、まだdiv を押し下げdisplay:blockていません。緑のdiv 全体をそのコンテンツで展開しmainたい。navigation

4

2 に答える 2

3

のとのnavigationdiv に固定の高さがあります。これを相対にする必要があります。60pxmenuWrapper30px

于 2013-04-19T08:47:55.937 に答える
0

あなたのcssをから変更してください

#rightCol {
width: 72.5%;
float:right;
}

#leftCol
{
width: 25%;
float:left;
}

に

#rightCol {
width: 72.5%;
display:inline-block;
}

#leftCol
{
width: 25%;
display:inline-block;
}

それはうまくいくはずです。これをクロムでテストしました

于 2013-04-19T08:47:31.380 に答える