Есть такой код с 5-текстовыми поля input
нужно сделать чтобы при нажатии на кнопку добавить, добавляло
на страницу одно поле input
вот код моих полей они все отображаются, а нужно чтобы отображалось изначально только одно поле, а потом если
посетителю нужно добавить поле он жмет добавить, или если нужно удаляет уже добавленное поле!
<div class="half-block db">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<span class="waypoint-add"><img src="plus.png" alt=""></span>
</div>
<div class="hidden">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<a href="javascript:void(0);" class="waypoint-remove"><img src="minus.png" width="37"></a>
</div>
<div class="hidden">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<a href="javascript:void(0);" class="waypoint-remove"><img src="minus.png" width="37"></a>
</div>
<div class="hidden">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<a href="javascript:void(0);" class="waypoint-remove"><img src="minus.png" width="37"></a>
</div>
<div class="hidden">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<a href="javascript:void(0);" class="waypoint-remove"><img src="minus.png" width="37"></a>
</div>
тут всего 5 полей input, нужно чтобы когда все 5 полей отобразятся на странице, кнопка добавить поле исчезла, и возле каждего поля
была кнопка удалить это поле!