active State Icon

[batistacaceres]

For all relevant plan links set Additional classes to plan-link plan-link-123 where 123 is plan id to which the link refers.

Custom JS:

Code:

$(function() {
  var prevId;

  function onshowplan() {
    if (prevId) {
      $('.plan-link-' + prevId).removeClass('active');
    }
   
    if (currentPlanId) {
      $('.plan-link-' + currentPlanId).addClass('active');
        prevId = currentPlanId;
    }
  }
 
  $('body').on('showplan', onshowplan);
  onshowplan();
});

Custom CSS:

Code:

.plan-link.active {
  color: red;
}

Thank you very much, it works very well, but I had to add in custom CSS the parameter !important

.plan-link.active {
  color: red !important;
}

Thank you so much, good work,

best regard, Roger