JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" onclick="showHide('hideDiv','dirImg')"><img id="dirImg" src="Images/dnArrow.gif" onclick="showHide('hideDiv',this.id)" style="text-decoration:none;border:none;"/>Click here</a>
<div id="hideDiv" style="display:none">
    Some Text
    <a href="#" onclick="showHide('hideDiv','dirImg')">Hide this DIV</a>
</div>

JavaScript

<script type="text/javascript" id="myscript" >

function showHide(divID, imgID){
    if (document.getElementById(divID).style.display == "none") {
        document.getElementById(divID).style.display = "block";
        document.getElementById(imgID).src = "Images/upArrow.gif";
    } else {
        document.getElementById(divID).style.display = "none";
        document.getElementById(imgID).src = "Images/dnArrow.gif";
    }
}

</script>