Prueba de dobre clic en tab materialize

by Carlos Quintero

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>
<div class="row">
    <div class="col s12">
      <ul class="tabs">
        <li class="tab col s3" id="first"><a class="active" id="Tab1" href="#test1">Nombre Actual</a><input style="text-align: center; color: pink;" type="hidden" name="tab1" id ="inputTab1" value="" placeholder="Nuevo Nombre"/></li>
        <li class="tab col s3"><a id="Tab2" href="#test2">New Tab<input type="hidden" name="tab2" value="New Tab" /></a></li>
      </ul>
    </div>
    <div id="test1" class="col s12">
      texto de la primera pestaña</div>
    <div id="test2" class="col s12">Texto de la segunda pestaña</div>
  </div>

JavaScript

//Obtengo el dobre clic en la tab
$("#Tab1").dblclick(function () {
        $("#Tab1").remove();
        $("#inputTab1").attr("type", "text");
        $("#inputTab1").focus();
});

//Detecto el keyup para ver cuando den enter
$('#inputTab1').on('keyup', function(e) {
    if(e.keyCode === 13) {
    		//Valor del imput
        var input1 = $(this).val();
        //Agrego el enlace antes del imput dentro de la li
        $("#inputTab1").before('<a class="active" id="Tab1" href="#test1">' + input1 +  '</a>');
        //Limpio el campo
        $("#inputTab1").val("");
        //Oculto el campo
        $("#inputTab1").attr("type", "hidden");
        
        //Reinicio el monitoreo del doble clic o siclo
        $("#Tab1").dblclick(function () {
        //Ya sabes el resto
          $("#Tab1").remove();
          $("#inputTab1").attr("type", "text");
          $("#inputTab1").focus();
        });

    }
});