<?php include'header.php'; ?>
<div class = "container">
<div class = "row">
<div class = "col-md-12">
<div class = "login-section">
<p>Allready a member? <a href = "#">Login</a> </p>
<div class = "login-form">
<p class = "title">Become a member</p>
<p>I am</p>
<div class = "input-type">
<input type = "radio" name = "gender" value = "Buyer/Ownder" checked> Buyer/Ownder
<input type = "radio" name = "gender" value = "Developer/Agent" > Developer/Agent
</div>
<!-- this form is for buyer -->
<form action = "" class = "form-group">
<div class = "input-type">
<label for = "email">Your Name</label>
<input type = "email" placeholder = "type your email" class = "form-control">
</div>
<div class = "input-type">
<label for = "password">Your Email</label>
<input type = "password" placeholder = "type your password" class = "form-control">
</div>
<input type = "submit" placeholder = "Submit" class = "btn btn-success form-control">
</form>
<!-- this form is for buyer end -->
<!-- this from is for agent -->
<form action = "">
<div class = "input-type">
<label for = "email">Your Company Name</label>
<input type = "email" placeholder = "type your email" class = "form-control">
</div>
<div class = "input-type">
<label for = "password">Your Email</label>
<input type = "password" placeholder = "type your password" class = "form-control">
</div>
<input type = "submit" placeholder = "Submit" class = "btn btn-success form-control">
</form>
<!-- this from is for agent end-->
</div>
</div>
</div>
</div>
</div>
<?php include'footer.php'; ?>Смотрите код, вот две формы для покупателя и агента. и я добавил для этого два переключателя. Я хочу показывать их по отдельности при нажатии определенной кнопки, не нарушая мой макет.
Добро пожаловать в Stack Overflow. Пожалуйста, возьмите тур и рассмотрите возможность пересмотра Как спросить. В его нынешнем виде этот вопрос очень широкий и демонстрирует отсутствие с вашей стороны каких-либо усилий по исследованию или попытке выполнения какого-либо кода.



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


С jQuery:
// on page load
$( "#buyerForm" ).show();
$( "#developperForm" ).hide();
// radio button actions
$( "#buyerButton" ).click(function() {
$( "#buyerForm" ).toggle();
$( "#developperForm" ).toggle();
});
$( "#developperButton" ).click(function() {
$( "#buyerForm" ).toggle();
$( "#developperForm" ).toggle();
});
Сделанный. Большое спасибо,
Заголовки предназначены для заголовков, а не для тегов. Вопросы касаются текста, кода и т. д., А не ссылки на изображение. Пожалуйста, прочтите Как спросить