<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <a href="javascript:void(0)" id="add_curre"><i class="fas fa-plus-circle"></i> Add Custom Currency</a> <div class="form-group col-md-6" id="curre_name" style="display: none;"> <label class="control-label">Add Services</label> <i class="far fa-times-circle" id="rm_curre">ssdf</i> <input type="text" name="create_services" class="form-control required" placeholder="Add Services"> </div>

$(document).ready(function(){ $("#add_curre").click(function(){ $("#curre_name").show(); }); $("#rm_curre").click(function(){ $("#curre_name").hide(); }); });