JSFiddle - React, Tailwind, and code Playground

HTML

<input id="x" value="x" />
<input id="y" value="y" style="visibility:hidden" />
<input type="button" onclick="toggleBoth()" value="arrow" />

JavaScript

function toggle(id){
    
  var elem = document.getElementById(id);

    if(elem.style.visibility == 'hidden')
        elem.style.visibility = 'visible';
    else
      elem.style.visibility = 'hidden';  
}
    
 function toggleBoth()
    {
       toggle('x');
       toggle('y');
    }