jQuery slideToggleは動的に位置を調整しますか？

Question

私はjQueryを学んでおり、この問題の解決方法がわかりません。私の問題は説明するのが難しいですが、基本的にはdisplay: inline-block;のボタンボックスがあります。ボタンをクリックすると、下のメニューslideToggleが表示されます。ページのサイズにもよりますが、1行に2〜8個のボタンがあります。 htmlでは、スライドアウトメニューはそれぞれのボタンの直後、次のボタンの前に表示されます。これにより、スライドアウトリストの後ろにあるボタンがリストの下にドロップされることは明らかです。

は、ここに私の基本的な設定です：https://jsfiddle.net/cr1fev67/

これを修正する方法がわからない...ブラウザのウィンドウサイズを確認し、それぞれの最後のボタン要素の後にリストを挿入するための簡単な構造変化やjQueryの魔法のいくつかの種類ライン？？

Answer 1

他の人もあなたが望むものを達成するために、リストのCSSを絶対的なものに変更することができます。

しかし、リストの下にボタンが表示されるようにするには、おそらくHTMLを並べ替える必要があります。

いくつかの擬似コード：

<div>Button1</div> 
<div>Button2</div> 
<div>Button3</div> 

<div>List1</div> 
<div>List2</div> 
<div>List3</div> 

リストのそれぞれが、その中のオプションの可変量を持っている場合、私は量を変更することがdocument.readyではJavaScriptを使用してお勧めしたいです。