divの端をドラッグしてdivのサイズを水平方向に変更

Question

私はangle2を使用してアプリケーションを構築しました。私のWebページのコンテンツは2つのパネルに分割されています。私は、左パネルの右端または右パネルの左端を選択することによって、両方のパネルのサイズを変更できる機能を実装する必要があります。

角度またはHTML、CSSまたはJavaScriptを使用してこれを達成する方法があるかどうか教えてください。

私はCSS3プロパティのサイズを変更している知っているが、これはあなたがdiv要素の一角を保持し、この機能のために

例を見ていないことでサイズを変更することができます：私は、W3SchoolsのHTMLエディタ（https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default）

と同様の機能を実装したいです

上記のURLを開くと、中央のバーを水平にドラッグして左右のパネルのサイズを変更できます。たとえば、Resizable jQueryを見てみましょうスクリーンショット

Answer 1

以下を参照してください：

$("#div1").resizable({ 
    handles: 'e, w' 
});