JSFiddle - React, Tailwind, and code Playground

by Ramana Yalla

HTML

<div>Non clickable
    <div>abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd cd abcd</div>
</div>
<div><span>clickable</span>

    <div class='hide'>abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd abcd...

CSS

.hide {
    display:none;
}
div {
    margin:2px;
}
span {
    height:900px;
    background:grey;
    cursor:pointer;
}

JavaScript

$(document).ready(function () {

    $('span').click(function () {
        $('.hide').slideUp();
        $(this).parent().find('.hide').slideDown();
        var myScroll = $(this).offset().top;
        $(window).scrollTop(myScroll);
    })


})