wplit

<script>  
  
document.addEventListener("DOMContentLoaded", () => {
   
  const menuItemID = 'menu-item-6798'; /* change to the menu item ID needing to be opened */
  
  if ( document.getElementById(menuItemID) ) {
    document.getElementById(menuItemID).querySelector('.x-slide-menu_dropdown-icon').click()
  }
  

wplit

<script>

document.addEventListener("DOMContentLoaded", () => {
  
  /* get the alert element from the ID */
  const alert = document.getElementById('brxe-iyiyag')

  /* listen for the alert being closed */
  alert.addEventListener("x_alert:close", () => {

wplit

<script>
document.addEventListener("DOMContentLoaded", () => {

   const loopElementID = 'brxe-dgflih'; /* the ID from the block with the query loop */
   const fieldName = 'field_29'; /* the 'name' attribute on the tel input in the form */
 
  const buttons = document.querySelectorAll('.open-form-1');
  
  buttons.forEach(button => {
    button.addEventListener('click', function() {

wplit

<script>

window.WP_Grid_Builder && WP_Grid_Builder.on( 'init', function( wpgb ) {

    wpgb.facets.on( 'appended', (content) => {


      const accordionToggle = '#brxe-ccndyv'; /* the id of the accordion toggle id what would need closing */

      if ( document.querySelector(accordionToggle) && document.querySelector(accordionToggle).closest('.x-tabs-mobile') && 'true' === document.querySelector(accordionToggle).getAttribute('aria-expanded') ) {

wplit

<script>

window.WP_Grid_Builder && WP_Grid_Builder.on( 'init', function( wpgb ) {

    wpgb.facets.on( 'appended', (content) => {

      /* do something on content appended */

    } );

wplit

<script>
  
 document.addEventListener("DOMContentLoaded", () => {

    const buttonIndex = 1; 
    const toggleSwitch = '.x-toggle-switch';
    
    document.querySelector(toggleSwitch).querySelectorAll('.x-toggle-switch_label')[buttonIndex].click();
   
 });

wplit

#brx-content, 
#bxe-footer {
    animation: fadeInAnimation ease 0.5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;

wplit

<script>

document.addEventListener("DOMContentLoaded", () => {

let offset = 150; /* offset */
let delay = 200; /* delay before scrolling */

/* find all the accordion headers */
let accordionHeaders = document.querySelectorAll('.musiciens__accordions-heading')

wplit

<script>
  
document.addEventListener("DOMContentLoaded", () => {

    const scrollOffset = 200; /* how far to offset the scroll position */

    if (location.hash) {

        if ( document.querySelector(location.hash) && document.querySelector(location.hash).closest('.x-accordion_item') ) {

wplit

<script>
  
  document.addEventListener("DOMContentLoaded", () =>{

    setTimeout(function(){
            window.dispatchEvent(new Event('resize'))
     }, 200)
   
  });