JSFiddle - React, Tailwind, and code Playground

by Alin Guta

HTML

Type the words: <i>portfolio</i>, <i>about</i> or <i>contact</i> to test.<br>

<input id="search" type="text"/>

<div class="hidden" id="portfolio">Portfolio</div>
<div class="hidden" id="about">About</div>
<div class="hidden" id="contact">Contact</div>

JavaScript

$(".hidden").hide();

var searchID = "";

$('#search').keyup(function( e ) {
    searchID = $.trim(this.value);
    if( searchID && e.which===13){
       $(".hidden").hide();
       $('[id*='+  searchID  +']').show();
    }
});