[{"created":"20240912040545535","text":"\n\\procedure h-actions()\n<!-- <<alog h-actions \"dom-data-id dom-keep-open\">> -->\n<% if [<dom-keep-open>!match[true]] %>\n<$action-setfield $field=selected-header $value=<<dom-data-id>> />\n<% endif %>\n\\end\n\n<style>\nh1 { cursor:pointer; }\n\nh1:not([keep-open]) + div { \n  position:absolute;\n  transform:scaleY(0);\n  transform-origin:top;\n  transition: transform 0.25s ease;\n}\nh1:not([keep-open]):before {\ncontent:\"+ \";\n}\nh1[data-id={{!!selected-header}}]:before {\ncontent:\"‒ \";\n}\n\nh1[data-id={{!!selected-header}}] + div {\n  position:relative;\n  transform:scaleY(1);\n}\n</style>\n\n<$eventcatcher selector=\"h1\" $click=<<h-actions>>>\n<h1 data-id=\"venus\">About Venus</h1>\n<div>\nVenus is a pressure cooker.\nVenus is the second planet from the Sun. It is a terrestrial planet and is the closest in mass and size to its orbital neighbour Earth. Venus is notable for having the densest atmosphere of the terrestrial planets, composed mostly of carbon dioxide with a thick, global sulfuric acid cloud cover. Venus is the second planet from the Sun. It is a terrestrial planet and is the closest in mass and size to its orbital neighbour Earth. Venus is notable for having the densest atmosphere of the terrestrial planets, composed mostly of carbon dioxide with a thick, global sulfuric acid cloud cover.\n</div>\n\n<h1 data-id=\"mars\">About Mars</h1>\n<div>\nMars is frosty even on a summer's day.\nMars is the fourth planet from the Sun. The surface of Mars is orange-red because it is covered in iron oxide dust, giving it the nickname \"the Red Planet\". Mars is among the brightest objects in Earth's sky, and its high-contrast albedo features have made it a common subject for telescope viewing.\n</div>\n\n<h1 keep-open data-id=\"jupiter\">About Jupiter</h1>\n<div>\nJupiter is a big, fat, vacuum cleaner.\nJupiter is the fifth planet from the Sun and the largest in the Solar System. It is a gas giant with a mass more than 2.5 times that of all the other planets in the Solar System combined, and slightly less than one-thousandth the mass of the Sun. Its diameter is eleven times that of Earth, and a tenth that of the Sun.\n</div>\n</$eventcatcher>\n\n","tags":"","title":"ExpandCollapse Headers 0.3","modified":"20240912171328972","selected-header":"mars"}]