JSFiddle - React, Tailwind, and code Playground

by learner001

HTML

<body>

        <div id="container">            

            <div id="map">

                
            <a class="pointer" id="id1" href="#" >Test This</a>
            <a class="pointer" id="id2" href="#" > </a>
            <a class="pointer" id="id3" href="#" > </a>
            <a class="pointer" id="id4" href="#" > </a>
            <a class="pointer" id="id5" href="#" > </a>

                <form id="form">
                <input type="text" name="value" id="value">
                </form>

            </div>
        </div>


</body>

CSS

#map #form{

display:none;

}

JavaScript

$("#id1").click(function(){
     $("#form").css('display', 'block');
  });