JSFiddle - React, Tailwind, and code Playground

by j08691

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nec
    neque diam, quis dapibus augue. Aenean fringilla pretium tortor sit amet
    mollis? Duis lacinia urna eget nunc ullamcorper ultricies. Suspendisse
    vitae diam ac lorem lacinia sollicitudin id ac sapien? Nullam ultrices
    ornare mi; eget adipiscing arcu tincidunt non. Nunc nec lobortis tellus?
    Donec imperdiet leo sit amet ipsum tempor facilisis. Suspendisse nec augue
    a orci tempus faucibus. Cras risus dui, rutrum sit amet tincidunt eu, vehicula
    ut massa. Cras at purus eget mauris iaculis commodo eu non ipsum. Quisque
    dapibus dui id leo mattis eu ultricies magna tempor. Cras in nisl sit amet
    diam pharetra tristique id vel arcu. Mauris posuere, metus ac placerat
    rutrum, risus nisl ullamcorper dolor, quis tempus odio velit rutrum arcu.
    Vivamus vestibulum arcu ac nisl mollis nec lobortis urna eleifend. Cum
    sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
    mus. Nam sapien leo, semper sed cursus ac, egestas id mauris. Cras et lectus
    eu nibh suscipit vestibulum eu in tellus. Sed ac orci ante. Pellentesque
    facilisis tincidunt orci sit amet sodales! Duis sit amet ante erat, at
    mollis nunc. Morbi rutrum augue sed dolor pulvinar feugiat. Morbi eget
    mi eget augue condimentum sodales. Sed nisl tortor, porttitor non convallis
    vestibulum, vestibulum non urna. Mauris vitae nisi est, in ultricies massa.
    Etiam quis massa eu lacus tempus sollicitudin a id arcu. Sed sodales euismod
    laoreet. Mauris sodales lacinia suscipit. Lorem ipsum dolor sit amet, consectetur
    adipiscing elit. Maecenas nec neque diam, quis dapibus augue. Aenean fringilla
    pretium tortor sit amet mollis? Duis lacinia urna eget nunc ullamcorper
    ultricies. Suspendisse vitae diam ac lorem lacinia sollicitudin id ac sapien?
    Nullam ultrices ornare mi; eget adipiscing arcu tincidunt non. Nunc nec
    lobortis tellus? Donec imperdiet leo...

JavaScript

function toggleOptions(e) {
    var ele = e;
    var text = e.parentElement.querySelector('.toggleOptions')

    if (text.style.display == "none") {
        //ele.style.display = "none";
        text.style.display = "block";
        text.innerHTML = "TESTING";
        ele.innerHTML = "hide";
    } else {
        text.style.display = "none";
        //text.innerHTML = "Hide GPS";
        ele.innerHTML = "show";
    }

    return false;
}