JSFiddle - React, Tailwind, and code Playground

HTML

<img id="imgSWTCH1"src="https://www.shareicon.net/data/128x128/2016/10/20/846459_blue_512x512.png" width="100" height="100"/>
        <img id="imgSWTCH2"src="https://www.writeraccess.com/wp-content/uploads/2014/08/blog-html-5.png" width="100" height="100"/>
        <img id="imgSWTCH3"src="https://www.shareicon.net/data/128x128/2016/06/25/619190_java_256x256.png" width="100" height="100"/>
        <img id="imgSWTCH4"src="https://www.shareicon.net/data/128x128/2016/05/06/760855_css_512x512.png" width="100" height="100"/>
        <img id="imgSWTCH5"src="http://poiemaweb.com/img/socketio-logo.png" width="100" height="100"/>
        <img id="imgSWTCH6"src="https://www.shareicon.net/data/128x128/2016/07/08/116973_development_512x512.png" width="100" height="100"/>
        <img id="imgSWTCH7"src="https://www.shareicon.net/data/128x128/2015/08/30/93000_javascript_512x512.png" width="100" height="100"/>
        <center>


          <br />
          <br />
          <table >
              <tb class="tab" data-hide="imgSWTCH1" onmouseout="this.className='BO';">C</tb>

              <br />
                <tb class="tab" data-hide="imgSWTCH3" onmouseout="this.className='BO';">Java</tb>
                  <tb class="tab" data-hide="imgSWTCH2" onmouseout="this.className='BO';">HTML</tb>
                    <tb class="tab" data-hide="imgSWTCH4" onmouseout="this.className='BO';">CSS</tb>

                      <tb class="tab" data-hide="imgSWTCH5" onmouseout="this.className='BO';">Socket.io/Node</tb>
                        <tb class="tab" data-hide="imgSWTCH6" onmouseout="this.className='BO';">Angular.js</tb>
                        <br />
                           <tb class="tab" data-hide="imgSWTCH7" onmouseout="this.className='BO';">Javascript</tb>

                            <tb class="tab" onmouseover="this.className='BC';" onmouseout="this.className='BO';">and much more!</tb>
          </table>
          </center>

JavaScript

function toggleVisibility(element){
	if(element.style.display === "none") {
  	element.style.display = "inline-block";
  } else {
  	element.style.display = "none";
  }
}

Array.prototype.slice.call(document.getElementsByClassName('tab')).forEach(function(element){
	element.onmouseover = toggleVisibility.bind(this, document.getElementById(element.getAttribute('data-hide')));
});