JSFiddle - React, Tailwind, and code Playground

HTML

<form id="searchcontent" method="post">
    <input id="searchtext" name="searchtext" type="text">
    <input type="submit" value="search">
</form>
        <div id="searchresult"></div>
        <div id="varanasi" class="city_content">
            <h3>Varanasi</h3>
            <p>Content goes here</p>
        </div>
        <div id="bareilly" class="city_content">
            <h3>Bareilly</h3>
            <p>Content goes here</p>
        </div>
        <div id="etah" class="city_content">
            <h3>Etah</h3>
            <p>Content goes here</p>
        </div>

CSS

.city_content {
    display: none;
}

JavaScript

$('#searchcontent input[type=submit]').click(function(evt) {
    evt.preventDefault();
    $('.city_content').hide();
    var searchContent = $('#searchtext').val().toLowerCase();
   $('.city_content').each(function() {
        if ($(this).attr('id') == searchContent) {
            $('#'+searchContent+'').show();
        }
    });
});