JSFiddle - React, Tailwind, and code Playground

by Kostya Tretyak

HTML

<script language="Javascript">function toggleDisplay(id) { document.getElementById(id).style.display = (document.getElementById(id).style.display == "block") ? "none" : "block"; }</script>
<style type="text/css">
    .create{color: green; font-weight: bold;}
    .invalid{color: brown; font-weight: bold;}
  </style>
<pre>Array
(
    <a href="javascript:toggleDisplay('28ad27a');">[one] => Array</a><div id="28ad27a" style="display: none;">
            [0] => child1
            [1] => child2
            <a href="javascript:toggleDisplay('f22d0c5');">[child3] => Array</a><div id="f22d0c5" style="display: none;">
                    [0] => more-depth
</div></div></div></pre>