Show/Hide (class/id) 的多个目标，名称相同

Question

我正在尝试获取一个 class 名称，该名称在页面中多次出现 show/hide 时切换。我使用的几个脚本只适用于一个目标。我需要一个切换来同时定位一个 class 或 id 下列出的所有项目，而无需为每个项目创建唯一标识符。 Here is a sample of my issue.

Answer 1

单击 "hide button"，步骤 2、5、7、9、10 将切换，它使用相同的 class 选择器 "hide"

$(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. 我有一个浮动菜单栏，我会将按钮放入其中。稍后我会在有时间时添加该代码。再次感谢！

Show/Hide (class/id) 的多个目标，名称相同

Show/Hide multiple targets of (class/id) with only same name

javascript

css

jquery

show

show-hide