Bootstrap Свернуть элемент внутри onClick DIV - PullRequest
Новая
       23

Bootstrap Свернуть элемент внутри onClick DIV

0 голосов
/ 01 апреля 2020

У меня есть элемент Bootstrap Свернуть (SPAN) внутри onClick DIV, но если вы щелкнете по этому элементу вместо того, чтобы свернуть нужный контент, он запустится onClick функция. Можно ли как-нибудь свернуть содержимое, если щелкнуть этот элемент (SPAN) , и если вы щелкнете где-нибудь еще на этом div, он должен запустить функцию onClick.

Код: 

<div width="100%" onclick="myFunction();">
    <span data-toggle="collapse" data-target="#collapse_content" aria-expanded="false" aria-controls="collapse_content"><i class="fas fa-caret-up fa-3x"></i></span>
    <div id="collapse_content" class="collapse">
        <div>
            <!-- COLLAPSED CONTENT -->
        </div>
    </div>
</div>

Мне удается решить это! 

<div width="100%" class="parent-div">
    <span data-toggle="collapse" data-target="#collapse_content" aria-expanded="false" aria-controls="collapse_content"><i class="fas fa-caret-up fa-3x"></i></span>
    <div id="collapse_content" class="collapse">
        <div>
            <!-- COLLAPSED CONTENT -->
        </div>
    </div>
</div>

$(document).on("click", "div.parentDIV", function(event) {
    var senderElementName = event.target.tagName.toLowerCase();
    if (!(senderElementName === 'span') && !(senderElementName === 'i')) {
        console.log('SUCCESS');
    }
});

Ссылка: Этот ответ

...