Question

有没有人有线索可以帮助我使用jquery动态调整带有hr标签的2个textareas？
基本上我有类似的东西：

<textarea id="input"></textarea>
<hr>
<textarea id="output"></textarea>

textareas设置为“resize：none”和css，如果我点击“hr-line”，按住它并向上拖动，我希望输入textarea减少textarea高度并增加输出textarea height.Resize只适用于身高一个例子是JSFiddle：你可以抓一条线（比如html和JS之间的界限）并调整这两个元素的大小（一个变大，一个变小）

Answer 1

检查this JSFiddle 你有两个div而不是文本区域（就像JSFiddle一样），但它是你问题的开始，不是吗？

使用div的HTML代码：

<div id="main">
    <div id="first">
        <div id="first-head">
             <h3>First</h3>
        </div>
        <div id="first-body">
            <p>First-1</p>
            <p>First-2</p>
            <p>First-3</p>
            <p>First-4</p>
            <p>First-5</p>
            <p>First-6</p>
        </div>
    </div>
    <div id='second'>
        <div id="second-head">
             <h3>Second</h3>
            <div class="ui-resizable-handle ui-resizable-s" id="ngrip"></div>
        </div>
        <div id="second-body">
            <p>Second-1</p>
            <p>Second-2</p>
            <p>Second-3</p>
            <p>Second-4</p>
            <p>Second-5</p>
            <p>Second-6</p>
            <p>Second-1</p>
            <p>Second-2</p>
            <p>Second-3</p>
            <p>Second-4</p>
            <p>Second-5</p>
            <p>Second-6</p>
        </div>
    </div>
</div>

使用HR标签动态调整textarea的大小

1 个答案: