0

ここで私が今持っているものの例を見ることができます。

「いっぱい」の div を途中から拡張して、その過程で他の部分を邪魔にならないようにしようとしています。私が今持っているものは、それらを左端に押してから展開します。これは私が持っているからだと知っていposition:absoluteます。この効果をどのように達成できるかについてのアイデアはありますか?

4

2 に答える 2

2

これは、あなたが説明していると私が思うものの実際の例です: http://codepen.io/anon/pen/pKfAw

display: table を div から削除し、.min、.min p を幅 0px に設定し、オーバーフローを非表示にして高さ 0% を削除しました。

なぜジャンプしていたのかという問題は、すべての最小値を 0 に設定し、フル フローティングを左に設定したためです。これにより、自動的に左に押し出されてから拡張されました。これで、すべての div が 0 にアニメーション化され、.full が 100% にアニメーション化されます。

于 2013-08-12T21:06:25.387 に答える
0

「真ん中から伸ばす」の意味がわかりません。これがあなたのjsの簡単な修正です：

$('div').on('click', function(){
   var $this = $(this);
   $this.toggleClass('full');
   $this.siblings().toggleClass('min');
});

これは、クリックされた div に完全なクラスを追加するだけです。

于 2013-08-12T20:46:13.607 に答える