Where to put the accordion event?

Questions
1

Hi.

I have this accordion …

<ul>
                <li class="accordion-item">
                  <a class="item-content">
                    <div class="item-inner">
                      <div class="item-title">Jornada 1</div>
                    </div>
                  </a>
                  <div class="accordion-item-content">
                    <div class="block">
                    </div>
                  </div>
                </li>
                <li class="accordion-item">
                  <a class="item-content item-link" href="#">
                    <div class="item-inner">
                      <div class="item-title">Jornada 2</div>
                    </div>
                  </a>
                  <div class="accordion-item-content">
                    <div class="block">
                    </div>
                  </div>
                </li>
              </ul>

So, when I open one item, I have to “identify” the item, I have to put one event…where put the accordion event on javascript file?
I try to put on two options and no-one works, could you help me, please?

$$(document).on('page:init', '.page[data-name="show-info"]', function (e){
  const page = e.detail;
  var idTorneo = page.route.params.idTorneo;
  gidtorneo = idTorneo;
  show_info_functions.ShowImgTorneo();
  $$('.accordion-item').on('accordion:opened', function () {
    console.log('Accordion item opened');
  });
});

  1. at the end of the javascript file, just as I declared the tabbar event

    app7.on(‘tabShow’,function (e,t){
    if(e.id != “tab-1”){
    $$(’#ico_rotation’).html(‘screen_rotation’);
    if(e.id == “tab-2”){
    show_info_functions.ShowTablaGoleo();
    }
    if(e.id == “tab-3”){
    resultados_functions.ShowAcordionJornada();
    }
    }else{
    $$(’#ico_rotation’).html(‘screen_rotation’);
    }
    });

    app7.on(‘accordionOpened’,function (el) {
    console.log(‘The following element opened:’);
    console.log(el);
    });