JSFiddle - React, Tailwind, and code Playground

HTML

<div class="indent">

    <h4 class="inline">Carbon</h4>

    <p class="inline"><a href="#" id="carbon-show" onclick="showHide('carbon');return false;">Show</a></p>

    <div id="carbon" class="more">

        <p><a href="#" id="carbon-hide" onclick="showHide('carbon');return false;">Hide</a></p>

        <div class="indent">

            <h5 class="inline">Note [1]:</h5>

            <p class="inline">Carbon will only work on Android 4 (Ice Cream Sandwich) or later.</p>

            <div class="clear"></div>
            
            <h5 class="inline">Note [2]:</h5>

            <p class="inline">If you wish to save your backups to anything other than your devices internal storage (e.g. Drop Box or Google Drive), you will need to purchase the Premium version.  But there is nothing stopping you saving the file to your device then manually copying it elsewhere.</p>

            <div class="clear"></div>
            
            <h5 class="inline">Note [3]:</h5>

            <p class="inline">Rooted devices do not need to be connected to a computer to enable backup and restore.</p>

        </div>

        <p>For those of you who wish to use Carbon, you will first need to enable USB debugging as mentioned above.  Then it is a simple case of downloading and installing the Carbon app from the Play Store, and connecting your device to your PC.</p>

        <p>

            <a href="./images/carbon_01.png"><img src="./thumbs/carbon_01.png" width="180" height="320" alt="Screenshot - Carbon welcom screen"></a>

            <a href="./images/carbon_02.png"><img src="./thumbs/carbon_02.png" width="180" height="320" alt="Screenshot - Carbon backup enabled"></a>

        </p>



        <p><a href="#" id="carbon-hide" onclick="showHide('carbon');return false;">Hide</a></p>

    </div>

    <hr>

</div>

CSS

.indent { padding-left: 4em }
.inline { display: inline; }
/* .more { display: none; } */
.clear{ clear: both; display: block; content: ""; width: 100%; height: 1em;}

JavaScript

function showHide(shID) {
    if (document.getElementById(shID)) {
        if (document.getElementById(shID+'-show').style.display != 'none') {
            document.getElementById(shID+'-show').style.display = 'none';
    	    document.getElementById(shID).style.display = 'block';
    	}
	    else {
		    document.getElementById(shID+'-show').style.display = 'inline';
   			document.getElementById(shID).style.display = 'none';
    	}
   	}
}