jquery - 如何使用 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 中编辑隐藏文本区域的方式。 (不透明度、比例、变换、可见性等)