vue accordion close all accordions except one which is clicked on

// add this to your methods in your javascript file

// showInfoInit is design to accept the status, media and index of each card
        // this allows us to check the status of the card, meaning if the card is open or closed
        // At first all cards are closed, thus we will fall to the else statement which
        // call the showInfo method
        showInfoInit: function(status, mediaList, index) {
          if(status){
            mediaList[index].showDetail = !mediaList[index].showDetail;
          } else {
            this.showInfo(mediaList, index);
          }
        },
        // showInfo takes 2 parameters; media and index
        // media holds the array of cards and index holds the value of the card being clicked on
        // inside this method we use for loop to run through each card and do the following:
        // if i(the number that increases each time the loop runs) is === index(the index of the clicked card)
        // we set that card's showDetail to true, which will make it open card and it will show the information
        // else sets all other cards' showDetail to false because they fail the if statement 
        showInfo: function(mediaList, index) {
          for (let i = 0; i < mediaList.length; i++) {
            if (i === index){
              mediaList[i].showDetail = true;
            } else {
              mediaList[i].showDetail = false;
            }
          }
        }