Как дублировать класс

[ethereal]

Есть такой код:

<ul>
  <li>text</li>
  <li>text</li>  
  <li class="show">text</li>  
  <li>text</li>  
</ul>

Класс show добавляется и исчезает автоматически к одному li. Как сделать что бы когда класс show добавляется, вместе с ним добивился класс и к остальним li?

Вот так:

<ul>
  <li class="show">text</li>
  <li class="show">text</li>  
  <li class="show">text</li>  
  <li class="show">text</li> 
</ul>

и также исчезали, если класс отсутствует.
https://codepen.io/anakin-skywalker94/pen/KjwKGG

Спасибо!

[рони]

ethereal,
может изменить функцию, которая ставит класс, а не ставить "сторожа"?

[ethereal]

Тут не так все просто, если изменить функцию - не будет все правильно работать

[рони]

ethereal,

[Malleys]

Класс show добавляется и исчезает автоматически к одному li. Как сделать что бы когда класс show добавляется, вместе с ним добивился класс и к остальним li?

У вас сейчас получается ul > li.show и выбран один элемент списка. Вы можете добавлять класс .show не к элементу списка, а к самому списку. Получится ul.show > li и выбраны все элементы списка!

Тут не так все просто, если изменить функцию - не будет все правильно работать

То, что вы показали, непременно будет работать, вам только прописать в стилях правильный селектор!

[ethereal]

Неужели нету возможность на JS это сделать?

[рони]

Неужели нету возможность на JS это сделать?

если изменить функцию - не будет все правильно работать

[ethereal]

Я говорю про дополнительный код, не связаный с функцией.

Я сделал вот так:

$( '.menu-navigation li' ).click(function() {
  setTimeout(function(){
    $(".show").siblings().toggleClass('show');
  }, 2000);
});

Классы добавляется как надо, только уже не удаляются.

[рони]

ethereal,
измените функцию которая ставит класс!!!

[ethereal]

Это framework. Я не хочу менять что бы не испортить что то.