Collapse Comb Group DIV

Combo funcionando como uma TAB e ainda pode adicionar e remover Tabs dinamicamente.

HTML

<select id="Premios">
    <option id="opc_premio00"></option>
    <option id="opc_premio01">premio01</option>
    <option id="opc_premio02">premio02</option>
</select>

<button id="addPremio"> + </button>

<section class="blocoDivs">
<div id="premio01">premio01 <button class="subPremio"> - </button> </div>
<div id="premio02">premio02 <button class="subPremio"> - </button> </div>
</section>

CSS

div {
    display:none
}

JavaScript

$(function(){
      
  $( document ).ready(function() {

      $("#Premios").change(function(){

        $('.blocoDivs div').hide();

        $('#'+$(this).val()).show();

      })

      $("#addPremio").click(function(){

        $("#Premios").append("<option id='opc_premio03'>premio03</option>");
        $(".blocoDivs").append("<div id='premio03'>premio03 <button class='subPremio'> - </button> </div>");
      })   

  });


  $(document).on('click', '.subPremio', function(e){
  
    var result = window.confirm('Confirma esta ação?');
    if (result == false) {
      e.preventDefault();
    } else {
  
    opcaoID = 'opc_' + $(this).parent().attr("id");
    //alert(opcaoID);
    $( "option[id=" + opcaoID + "]" ).remove();
      $(this).parent().closest('div').remove();
  	
    }

  });

});