JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inforSplitter">
    <div id="leftPane">
        <iframe id="ifLeft" src="blue.html" class="treeFrame"></iframe>
    </div>
    <div class="inforSplitBarVertical"></div>
    <div id="rightPane">
        <iframe id="ifRight" src="green.html" class="bodyFrame"></iframe>
    </div>
</div>

CSS

.inforSplitBarVertical {
    height: 10px;
    width:300px;
    background-color: red;
}

JavaScript

$(".inforSplitBarVertical").draggable({
                    iframeFix: true, 
                    axis: "y"});