JavaScript-Element ausblenden/einblenden

Question

Wie kann ich den "Bearbeiten"-Link ausblenden, nachdem ich ihn gedrückt habe? und kann ich auch den "lorem ipsum"-Text ausblenden, wenn ich "Bearbeiten" drücke?

<script type="text/javascript">
function showStuff(id) {
  document.getElementById(id).style.display = 'block';
}
</script>

<td class="post">

  <a href="#" onclick="showStuff('answer1'); return false;">Edit</a>
  <span id="answer1" style="display: none;">
    <textarea rows="10" cols="115"></textarea>
  </span>

  Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 
</td>

Answer 1

2022 MINIMALISTISCHER WEG

- Privilegien : Vermeiden Sie die Änderung von style Eigenschaft, die uglifizieren den Code.

const hideElement = (e, ok) => e.setAttribute('hidden', !!ok);

[hidden="true"] { display: none }

• anzeigen

  hideElement(myElement, false);

• Ausblenden

  hideElement(myElement, true);

GUT Glück

Answer 2

document.getElementById("an_id").hidden = true;