Показать/скрыть несколько целей (класс/id) с одним именем

Question

Я пытаюсь получить одно имя class, которое появляется много раз на странице, чтобы показать/скрыть при переключении. Несколько сценариев, которые я использовал, работают только с одной целью. Мне нужен один переключатель для таргетинга на все элементы, перечисленные под одним class, или id одновременно без создания уникальных идентификаторов для каждого из них. Here is a sample of my issue.

Answer 1

нажмите на кнопку "скрыть", шаги 2,5,7,9,10 переключит и использует тот же селектор класса "шкурку"

$(document).ready(function(){ 
 
       $("#button").click(function(){ 
 
        $('.hide').toggle(); 
 
       }); 
 
      });

<script src="http://code.jquery.com/jquery-2.2.0.min.js"></script> 
 
<button id="button">hide</button> 
 
     <ul> 
 
      <li>Step 1</li> 
 
      <li class="hide">Step 2(will get hide)</li> 
 
      <li>Step 3</li> 
 
      <li>Step 4</li> 
 
      <li class="hide">Step 5(will get hide)</li> 
 
      <li>Step 6</li> 
 
      <li class="hide">Step 7(will get hide)</li> 
 
      <li>Step 8</li> 
 
      <li class="hide">Step 9(will get hide)</li> 
 
      <li class="hide">Step 10(will get hide)</li> 
 
     </ul>

Answer 2

Спасибо, Понс! Мои результаты велики. Click to see my code. У меня есть плавающая панель меню, в которую я буду вводить кнопки. Я добавлю этот код позже, когда я получу время. Еще раз спасибо!