Have only one collapsible section open at any time

[walkerc]

Hi, I've created collapsible sections in my details page. However what I would like to achieve is when the user opens a collapsible section it automatically closes any other sections (if they are open)

[Hastur]

Hello @walkerc

You need to insert the following code into the footer  of your result set:

<script type="text/javascript">
function inputHandler(event) {
 if (document.getElementById('clicked')) {
  let clickedElem = document.getElementById('clicked');
  clickedElem.click();
  clickedElem.id = "";
 }
 event.target.id = "clicked";
}

function assignEvent() {
 let elems1 = document.querySelectorAll('tr[data-cb-name="group1"]');
 let elems2 = document.querySelectorAll('span[data-cb-name="switch-group-state-btn"]');
 for(elem of elems1) {
  elem.addEventListener('click', inputHandler);
 };
 for(elem of elems2) {
  elem.remove();
 };
 document.removeEventListener('DataPageReady', assignEvent);
}

document.addEventListener('DataPageReady', assignEvent);
</script>

Prior to insert the code, you need to disable the HTML editor of the header. You can do this in the Advanced section of the footer.

[Flowers4Algernon]

Hello, this forum post could be helpful as well: