Question

我的问题是我在模态中有2个块，当我点击.emailInbound复选框时，它会切换.in-serv-container打开，但是当我点击.accordion-heading打开评论部分时它会{ {1}}。可能是什么原因？

HTML：

.in-serv-container collapse

JS：

    <label class="checkbox">
        <input class="emailInbound" type="checkbox" onclick="toggleInServ(this)">Использовать Email для регистрации обращений
    </label>
    <div id='in-serv-container'>
        <div><strong>Настройка входящей почты</strong></div>
        <div>
            <input class="emailOutserver" type="text" placeholder="Сервер входящей почты">
            <input class="emailOutserverPort" type="text" placeholder="Порт">
        </div>
        <div>
            <select class="emailOutProtocol half" style="width: 49%!important;">
                <option value='usual'>Обычный</option>
                <option value='ssl'>SSL</option>
            </select>
            <input class="emailInFolder half" type="text" placeholder="Папка входящей почты">
        </div>
        <div class="modal-body-container">
            <input type="text" placeholder="Опции">
        </div>
        <button class="btn btn-link">Проверить подключение</button>
        <hr>
    </div>
    <div class="accordion" id="comment-wrapper">
        <div class="accordion-heading" data-toggle='collapse' data-target='#emailComment' onclick='toggleChevron(this)'>
            <strong>Комментарий</strong> <i class='icon-chevron-right'></i>
        </div>
        <div id="emailComment" class="collapse" data-parent="#comment-wrapper">
            <textarea class="emailComment"></textarea>
        </div>
    </div>

Answer 1

如果我在这方面的正确轨道，如果勾选复选框，您希望每个下拉列表都保持打开状态？在这种情况下，请向我们提供您的CSS样式。如果你给我们JSFiddle你的情况，那将是最好的。

只改变

height

CSS的

属性似乎是一个坏主意。而不是那样，你可以尝试使用

display: block;

和

display: none;

所以在它被选中之前它确实是一个隐藏的领域。不是问题本身的答案，而是需要注意的事项。

Answer 2

这是因为＆＃39;冒泡＆＃39;。我添加了e.stopPropoganation()，这有帮助。

Bootstrap崩溃，行为错误

2 个答案: