JSFiddle - React, Tailwind, and code Playground

by naokiota

HTML

<script language="javascript">
    function drop() {
    document.getElementById('bsts').style.visibility='hidden';
    var s = document.getElementsByClassName("bdrop");
    for(var i=0;i<s.length;i++){
        s[i].style.visibility='visible';
    } 
}
</script>
<div id='bsts' style="visibility: visible;">
  <span class='label label-danger'>Permanent</span>
</div>

<div class='bdrop' style="visibility: hidden;">
  this is a first elemnt with class 'bdrop'
  <select>
    <option>Temporary</option>
    <option>None</option>
  </select>
</div>

<div class='bdrop' style="visibility: hidden;">
  this is a second elemnt with class 'bdrop'
  <select>
    <option>Temporary</option>
    <option>None</option>
  </select>
</div>
<a href='#' onclick="drop()"><span class="glyphicon glyphicon-pencil">edit</span></a>