JSFiddle - React, Tailwind, and code Playground

by Thamindu Janaka

HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
     <div class="col-sm-8">
            <div class="input-group col-md-12">
               <input type ='text' id="txtInput" class="form-control "/>
               <span class="input-group-addon btn" onclick="checkStageStatus();" id="btnStageStatus" style="display:none;">
            <i class="fa fa-edit"></i>
           </span>
        </div>
    </div>

<button id='toggleAddon'>Toggle Button</button>

JavaScript

$(document).ready(function(){
    $("#toggleAddon").on("click",function(){
      $(".input-group-addon").toggle("hidden");
      $(".input-group-addon").parent().toggleClass("col-md-12");
      });
    });