用js / jquery中间的句柄并排调整两个div的大小

Unfortunately i don't know the correct term, but everyone has seen this functionality: there are two div containers side by side and in their middle, there is a vertical line; by dragging the line to the left, the width of left div shrinks while the width of the right div grows accordingly to the position of the handle and vice versa. How can i accomplish this in javascript, or even better, jQuery?Unfortunately i don't know the correct term, bu