JSFiddle - React, Tailwind, and code Playground

by James Dunleavy

HTML

<ul <li> <a href="#" class="show_hide"> Toggle </a>

    <div class="slidingDiv">
        <iframe title="Launch Chat" width="400" height="600" src="https://home-c4.incontact.com/inContact/ChatClient/ChatClient.aspx?poc=8824e96a-2f91-4dbd-b9c0-eaf91a26bd48&bu=12" frameborder="0" allowfullscreen></iframe>
    </div>
    </li>
</ul>

CSS

.slidingDiv {
    height: 600px;
    width: 300;
    padding: 10px;
    margin-top: 10px;
    display:none
}

JavaScript

$(document).ready(function () {

    $('.show_hide').click(function () {
        $(".slidingDiv").slideToggle();
    });

});