如何使用 JQuery 弹出文本区域（也不在另一个 window 中输入）？

Question

我一直在寻找如何弹出文本区域，但我只找到了输入弹出窗口和 "new window" 弹出窗口，我想要类似文本区域的东西，当您单击启动text area (probably JQuery), 有人可以给我提示或一个简单的例子吗？

Answer 1

$(function () {
 $("#trigger").click(function() {
        $(".text-hidden").toggleClass("text");
 });
});

.text-hidden {
  transform: scaleX(0);
  transform-origin: 0% 40%;
  transition: all .5s ease;
}

.text {
  transform: scaleX(1);
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="trigger" type="button">CLICK ME</button>
<input type="text" class="text-hidden"></input>

您可以在 CSS 中编辑隐藏文本区域的方式。 （不透明度、比例、变换、可见性，任何）