El elemento no es llamado por la función después de cambiar su contenido con jQuery.

Utilizo una función en Jquery para reemplazar el contenido de un h1 y expandir (o contraer si ya está expandido) el contenido debajo del h1.

La forma en que llamo a mi función de jquery es simplemente usando $( “h1” ).click(function(){}) .

Mi problema es que una vez que mi función ha sido llamada una vez, quiero poder llamar a la función nuevamente para contraer el contenido debajo del h1 y también cambiar el contenido de h1 de nuevo, pero cuando hago clic en el h1 , ya no llama a la función aunque sigue siendo un elemento h1.

//llamar a la función cuando se hace clic en h1
$("h1").click(function() {

  //obtener el contenido de <h1> excepto el primer carácter
  ceci = (this.textContent).substring(1);

  $(this).next().slideToggle("slow", function() {
    //expandir el div debajo de h1
  });

  //reemplazar el contenido de h1 con un "-" en lugar de un "+"
  $(this).replaceWith("<h1> -" + ceci + "</h1>");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<h1>+ Présentation</h1>

<div id="presentation">
  Contenido inicialmente invisible que se expande una vez que se llama a la función
</div>

No sé por qué la función no se puede llamar después de que el contenido de h1 ha sido cambiado aunque sigue siendo un elemento h1.