小编DMo*_*ort的帖子

好吧，我在使用一个使用 bootstrap 折叠隐藏 div 的复选框时遇到了一个非常奇怪的问题。

如果我在复选框输入属性部分中有 data-toggle="collapse"，则 Div 会折叠，但要求填写其中的每一个输入。

如果 data-toggle="collapse" 不存在，则隐藏的 div 不会折叠，如果选中该复选框，则需要输入输入，如果未选中，我可以在不输入输入的情况下提交表单。（所需的操作，但选中复选框时 div 不会隐藏或显示）

当复选框未选中/选中并且仅在选中该框时才需要输入时，如何隐藏/显示 div？

我用这个作为 HTML：

                    <div class="col-md-1">
                    <input type="checkbox" onclick="ChangeShip()" href="#moreabout" data-toggle="collapse" aria-expanded="false" aria-controls="moreabout" class="form-control" id="chShipAdd" name="chShipAdd" value="no">
                    </div>
                    <label for="chShipAdd" class="col-md-3 control-label">Shipping Information?</label>
                        <div id="shipadddiv" style="visibility: hidden;">
                            <div class="collapse" id="moreabout" >
                                <div class="form-group">
                                    <div class="col-md-12">
                                        <br>
                                        <input id="sStreet" name="sStreet" type="text" placeholder="Street Name (required)"  class="form-control shipClass" required>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-md-4">
                                        <input id="sCity" name="sCity" type="text" placeholder="City (required)" required  class="form-control shipClass">
                                    </div>
                                    <div class="col-md-4"> …