I have a container that contains 6 input fields. Two of them are initially hidden (display: none), but when I click on a checkbox, these two inputs become visible (display: inline). I need the width of the container to adjust and increase when the other two inputs appear.
html :
<div class="row" id="row1">
<input class="input" id="material_name" value="Material" />
<input class="input" id="material_name" value="Material" />
<input class="input" id="unit" value="Unit" />
<input class="input" id="count" value="11" />
<input class="input" id="unit_price" placeholder="Unit Price" />
<input class="input" id="total_price" placeholder="Total Price" />
</div>