From ca66ea57d27b2f6853624efaa9a833900055521b Mon Sep 17 00:00:00 2001
From: Simon Willison <swillison@gmail.com>
Date: Sun, 13 Nov 2022 13:12:51 -0800
Subject: [PATCH] GET and POST areas toggle each other, refs #1871

---
 datasette/templates/api_explorer.html | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/datasette/templates/api_explorer.html b/datasette/templates/api_explorer.html
index d5ab6363..21ef3651 100644
--- a/datasette/templates/api_explorer.html
+++ b/datasette/templates/api_explorer.html
@@ -65,6 +65,20 @@ var getForm = document.getElementById('api-explorer-get');
 var output = document.getElementById('output');
 var errorList = output.querySelector('.errors');
 
+// Cause GET and POST regions to toggle each other
+var getDetails = getForm.closest('details');
+var postDetails = postForm.closest('details');
+getDetails.addEventListener('toggle', (ev) => {
+  if (getDetails.open) {
+    postDetails.open = false;
+  }
+});
+postDetails.addEventListener('toggle', (ev) => {
+  if (postDetails.open) {
+    getDetails.open = false;
+  }
+});
+
 getForm.addEventListener("submit", (ev) => {
   ev.preventDefault();
   var formData = new FormData(getForm);