Как открыть диалоговое окно B + закрыть диалоговое окно (справка)

Question

Я хочу одним щелчком мыши = открыть диалоговое окно A2 + закрыть диалоговое окно A1

Я хочу одним щелчком мыши = открыть диалоговое окно A3 + закрыть диалоговое окно A2

<span onclick="A1A1()">[AAAAAA]</span><dialog id="A1">AAAAAA<span onclick="A2A2()">[BBBBBB]</span><dialog id="A2">BBBBBB<span onclick="A3A3()">[CCCCCC]</span><dialog id="A3">CCCCCC</dialog></dialog></dialog></p> <p><script>var A1=document.getElementById("A1"); function A1A1() {A1.showModal();}</script> <script>var A2=document.getElementById("A2"); function A2A2() {A2.showModal();}</script> <script>var A3=document.getElementById("A3"); function A3A3() {A3.showModal();}</script>

Плз Не использовать

"$" "#" "%" "@"

Answer 1

Во-первых, вам нужен только один скрипт-тег. Во-вторых, вы должны создавать функции для каждого действия, которое вы хотите сделать

function closeA() {}
function openA() {}
...

Затем онклик вызывает функцию, которая, в свою очередь, вызывает нужные вам функции.

function closeAOpenB() {
   closeA();
   openB();  
}