Bagaimanakah saya boleh menjadikan teks bertukar menjadi elemen baharu (seperti pembahagi) apabila diklik?

Question

Saya cuba mencari cara untuk menjadikan teks tertentu pada halaman bertukar menjadi pemisah/elemen baharu apabila diklik. Saya tidak tahu bagaimana untuk menerangkannya, tetapi seperti, bayangkan imej dengan tajuk di bawahnya - klik tajuk, dan kemudian imej di atas menjadi seperti kotak teks/imej berbeza/pemisah boleh tatal. Saya cuba mencapai kesan halaman di sini, di mana mengklik emoji tengkorak di sebelah kanan menyebabkan div/imej baharu muncul dalam kotak di sebelah kiri. Saya melihat kod sumber dan menyemak apa yang dia lakukan untuk mencapai kesan ini, tetapi saya masih tidak pasti apa.

Saya cuba melakukan sesuatu dengan panduan onclick w3schools

`<img src="yay.png">
<p id="angelo" onclick="myFunction()">ANGELO</p>
<script>
function myFunction() {
document.getElementById("angelo") InnerText =" <div id="info"> Blabla </div> " ;
}
</script>`

Saya tidak tahu banyak tentang java - sebenarnya saya hanya menggunakannya sekali! Jadi ini tidak membantu saya dalam apa-apa cara kerana saya hanya cuba mencari cara untuk menjadikannya berfungsi walaupun saya mempunyai perasaan yang kuat bahawa saya melakukan kesilapan.

Answer 1

Di sini anda boleh mengklik pada teks untuk menunjukkan div yang mengandungi beberapa teks dan menyembunyikan teks yang anda klik.

  
BlaBlaBla
  
ANGELO
    sssccc`