jQuery文本框未显示

Question

我想显示一个文本框，当有人点击Click Me按钮点击这里

当用户单击“单击我”按钮时，我要显示彩色区域框。

这是我的代码。

HTML

<h1>Welcome to QuickSchools</h1>


<div id="section" style="display:none;">Here is a new section</div>
<div>Lorem Ipsum is simply dummy text of the printing and typesetting</div>
<button type="button" id="btn">Click Me</button>

CSS

#section{
background-color:red;
margin-left: 363px;
width: 200px;
height: 150px;
margin-top: -61px}

jQuery的

$( "button" ).click(function() {
$("#section").show();});

有人可以帮忙吗？

这是jsFiddle： http : //jsfiddle.net/nz7z9dtu/

Answer 1

请参阅jsfiddle- http://jsfiddle.net/nz7z9dtu/9/

为了实现您想要的目标-prntscr.com/6tpi12-您应在单击时减小“内容”类div的宽度并显示“部分”类。 为此，您的jquery应该如下所示：

$( "button" ).click(function() {
    $(".section").show();
    $(".content").css("width", "70%")
});