Question

我想点击“点击我”按钮Check here

时显示一个文本框

当用户点击＆＃34;点击我＆＃34;按钮我想显示区域彩色框。

这是我的代码。

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 - 您应该在点击时减少'content'类div的宽度，并显示'section'类。要做到这一点，你的jquery应该如下：

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

jQuery文本框没有显示

1 个答案: