javascript - jQueryでクローズ可能なパネルを構築するには?

Question

maps.google.com ページの左側にあるスライド パネルをエミュレートしようとしています。

同様のパネルがMapQuestページにあります。

パネルをページと重ねて (パネルを閉じてもマップが再描画されないようにするため)、ページの読み込み時にデフォルトで開く必要があります。

このスライドする jQuery login panelが気に入っていますが、上からではなく左から動作するように変更する方法がわかりません。

アドバイスをありがとう。

Answer 1

それらの両方のページで、あなたが話す要素は持っています

position: absolute;

親に対して絶対位置を指定する場合は、親の位置を相対位置に設定します。

左側に配置する場合は、左側のプロパティを次のように設定するだけです。

left: 0;

したがって、リンクしたjQueryスライディングパネルの場合と同様に、ページのレイアウトに影響を与えることなく、パネルを拡大および縮小できます。

お役に立てば幸いです。