Question

我的主页左侧有一个按钮，当我点击该按钮时，我想在页面右侧显示一个表单，而不更改主页的内容怎么样？

Answer 1

最初使用css display:none;隐藏表单。然后在按钮上单击编写代码以显示表单

$('.button').click(function(){
  $('#form_id').show(); // Selector of form
});

Answer 2

最初隐藏表单，然后单击按钮单击显示表单。

$(document).ready(function() {
    $(#formId).hide();
    $(".button-class").click(function() {
        $(#formId).show();
    });
});

Answer 3

HTML：

<div class="containerDiv">
<div id="leftdiv" class="leftdivclass">hello123
<button onclick="showForm()">
show form
</button>
</div>
<div id="rightdiv" class="rightdivclass">hello321
<form id="myForm" class="formClass">
<button>
testvbutton
</button>
<input value="test"/>
</form>
</div>
</div>

JS：

function showForm() {
    $("#myForm").show();
}

CSS：

.containerDiv {
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.rightdivclass {
  display: inline-block;
}
.leftdivclass {
  display: inline-block;
}
.formClass {
  display:none;
}

单击事件上的按钮

3 个答案: