JSFiddle - React, Tailwind, and code Playground

by Cwalkdawg

HTML

<div class="panel panel-default">
    <div class="panel-heading">
        <div class="toggler">Toggler</div>
    </div>
    <div id="collapse_1" class="accordion-body collapse">I'm info</div>
</div>
<div class="panel panel-default">
    <div class="panel-heading">
        <div class="toggler">Toggler</div>
    </div>
</div>

JavaScript

$('.toggler').click(function () {
    var children = this.parentNode.parentNode.childNodes,
        expandable = function () {
            for (var i = 0; i < children.length; i++) {
                console.log(i);
                if (children[i].nodeType === 1) {
                    var className = children[i].getAttribute("class");

                    if ($.inArray('accordion-body ', className.split(" "))) {
                        return true;
                    }
                }
            }
            return false;
        };

    if (expandable()) {
        alert('expandable section')
    } else {
        alert('nothing to expand')
    }
});