1. Использование jQuery:

   $('.active, .inactive').toggle();

   Этот код будет переключать видимость элементов классов «.active» и «.inactive» при срабатывании.

2. Использование JavaScript:

   var elements = document.querySelectorAll('.active, .inactive');
   for (var i = 0; i < elements.length; i++) {
    elements[i].classList.toggle('active');
    elements[i].classList.toggle('inactive');
   }

   Этот код выбирает все элементы классов «.active» и «.inactive» с помощью querySelectorAll(), а затем переключает классы по отдельности с помощью classList.toggle().

3. Использование только CSS:

   .active, .inactive {
    display: none;
   }
   .active.active, .inactive.inactive {
    display: block;
   }

   В этом методе элементы «.active» и «.inactive» изначально скрываются с помощью display: none. Затем, добавив оба класса к элементу, он станет видимым благодаря второму правилу CSS.

Это некоторые методы, которые вы можете использовать для обработки стилей CSS для классов «.active» и «.inactive» с помощью функции toggle().