Skip to main content
Se soluciono error
Origen Enlace

Yo lo haría con jQuery de una forma más rápida y fácil, Demo

$(".content-icons").click(function() => {
   $(".content-icons").removeClass('active');
   $(this).addClass('active');
});
.active {
  color: red;
}
<ul class="custom-top-icons">
  <li>
    <a class="content-icons">primer icono</a>
  </li>
  <li>
    <a class="content-icons">segundo icono</a>
  </li>
  <li>
    <a class="content-icons">tercer icono</a>
  </li>
</ul>

Yo lo haría con jQuery de una forma más rápida y fácil

$(".content-icons").click(() => {
   $(".content-icons").removeClass('active');
   $(this).addClass('active');
});
.active {
  color: red;
}
<ul class="custom-top-icons">
  <li>
    <a class="content-icons">primer icono</a>
  </li>
  <li>
    <a class="content-icons">segundo icono</a>
  </li>
  <li>
    <a class="content-icons">tercer icono</a>
  </li>
</ul>

Yo lo haría con jQuery de una forma más rápida y fácil, Demo

$(".content-icons").click(function(){
   $(".content-icons").removeClass('active');
   $(this).addClass('active');
});
.active {
  color: red;
}
<ul class="custom-top-icons">
  <li>
    <a class="content-icons">primer icono</a>
  </li>
  <li>
    <a class="content-icons">segundo icono</a>
  </li>
  <li>
    <a class="content-icons">tercer icono</a>
  </li>
</ul>

Origen Enlace

Yo lo haría con jQuery de una forma más rápida y fácil

$(".content-icons").click(() => {
   $(".content-icons").removeClass('active');
   $(this).addClass('active');
});
.active {
  color: red;
}
<ul class="custom-top-icons">
  <li>
    <a class="content-icons">primer icono</a>
  </li>
  <li>
    <a class="content-icons">segundo icono</a>
  </li>
  <li>
    <a class="content-icons">tercer icono</a>
  </li>
</ul>