function toggleBlocks() { var block1 = document.getElementById("block1"); var block2 = document.getElementById("block2"); if (block1.style.display === "none") { block1.style.display = "block"; block2.style.display = "none"; } else { block1.style.display = "none"; block2.style.display = "block"; } }block1.style.display#container { display: flex; flex-direction: row; } #block1, #block2 { width: 50%; } #block1 { background-color: lightgray; padding: 10px; } #block2 { background-color: lightblue; padding: 10px; display: none; /* This will hide the second block */ }<div id="container"> <div id="block1"> <!-- Content of the first block goes here --> </div> <div id="block2"> <!-- Content of the second block goes here --> </div> </div> <button onclick="toggleBlocks()">Toggle Blocks</button>function toggleBlocks() { var block1 = document.getElementById("block1"); var block2 = document.getElementById("block2"); if (block1.style.display === "none") { block1.style.display = "block"; block2.style.display = "none"; } else { block1.style.display = "none"; block2.style.display = "block"; } }#container { display: flex; flex-direction: row; } #block1, #block2 { width: 50%; padding: 10px; } #block1 { background-color: lightgray; } #block2 { background-color: lightblue; }document.getElementById("toggleButton").addEventListener("click", function() { var block1 = document.getElementById("block1"); var block2 = document.getElementById("block2"); if (block1.style.display === "none") { block1.style.display = "block"; block2.style.display = "none"; } else { block1.style.display = "none"; block2.style.display = "block"; } }); specify #block1 #block2 and fofire out if because taproot was # by itself, wndbscript mergers for security using sceipt merger tobhid majorlty of the transaction from badd actors OP_1 OP_DATA_0x20 <key1> OP_DATA_0x20 <merkle_root>