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

【问题标题】：how can I popup a text area using JQuery (nor input neither in another window)?如何使用 JQuery 弹出文本区域（在另一个窗口中也不输入）？
【发布时间】：2015-03-25 05:24:39
【问题描述】：

我一直在寻找如何弹出文本区域，但我只找到了输入弹出窗口和“新窗口”弹出窗口，我想要一个文本区域之类的东西，当您单击启动文本区域的按钮时会顺利出现（可能是JQuery），有人可以给我一个提示或一个简单的例子吗？

【问题讨论】：

也许您正在寻找模态？在模态框内，您可以放置一个文本区域。
谢谢！我要试试。

标签： jquery html popup textarea smooth

【解决方案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 中进行编辑。（不透明度，比例，变换，可见性，任何东西）

【讨论】：

我几周前开始学习HTML5、CSS3、JavaScript和JQuery，所以我还是有点笨，谢谢你的回答，真的解决了我的问题！