Klick auf radio Button Feld ein/ausblenden

[Vivienne]

Guten Tag,

mein Code der etwas modifiziert werden soll

<form method="post">
  
  <input type="radio" name="lebensmittel" id="birnen" value="Birnen">
  <label for="birnen">Birnen</label>

  <input type="radio" name="lebensmittel" id="kirschen" value="Kirschen">
  <label for="kirschen">Kirschen</label>

  <input type="radio" name="lebensmittel" id="kivi" value="Kivi">
  <label for="kivi">Kivi</label>

  <input type="radio" name="lebensmittel" id="eigeneFrucht" value="eigeneFrucht">
  <label for="eigeneFrucht">eigene Frucht</label>
  

  <label for="eigeneFrucht">Eigener Preis</label>
  <input type="text" name="lebensmittel" id="eigeneFrucht">
  
  <button type="submit" name="weiter">Alles richtig?</button>

</form>

Die Bereiche 1 - 3 sind Ok, wenn ich auf Kivi klicke, wird auch Kivi übertragen. Jetzt habe ich auf User Wunsch noch ein weiteren Radio Button - eigene Frucht - hinzugefügt. Darunter das passende Text Feld.

Ist es nun möglich wenn ich auf den vierten Radio Button - eigene Frucht - klicke dass erst dann das Text - Feld eingeblendet wird? Wenn ich auf die Radio Buttons 1 - 3 klicke, soll es wieder verschwinden.

Hoffentlich habe ich alles verständlich geschrieben. Wenn noch Fragen sind einfach fragen, ich bin noch bis 15 Uhr in der Schule und vor dem PC :/