JSFiddle - React, Tailwind, and code Playground

HTML

<xsl:choose>
    <input type="button" id="btnHide" value="Hide" />
    <xsl:when test="io=1">
        <span class="iotoggle">
            <img src="../images/io/input.png" width="4" height="17" border="0" align="absmiddle" alt="Input"/>
        </span>
    </xsl:when>
    <xsl:when test="io=2">
        <span class="iotoggle">
            <img src="../images/io/output.png" width="4" height="17" border="0" align="absmiddle" alt="Output"/>
        </span>
    </xsl:when>
</xsl:choose>

JavaScript

$(document).ready(function() {
    $('#btnHide').toggle(function() {
        $('.iotoggle').hide();
    }, function() {
        $('.iotoggle').show();
    });
});