如何使用JQuery弹出文本区域(也不能在另一个窗口中输入)？

Question

我在寻找如何弹出文本区域，但我只找到了输入弹出窗口和“新窗口”弹出窗口，我想要的是一个文本区域，当您单击启动文本区域的按钮(可能是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中进行编辑。(不透明度、比例、变换、可见性，任何事物)