僅顯示/隱藏（class/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

謝謝Pons！我的結果很棒。 Click to see my code. 我有一個浮動菜單欄，我將按鈕放入。稍後當我獲得時間時再添加該代碼。 再次感謝！