Question

我正在尝试获取单个class名称，该名称在页面中多次出现，以便在切换时显示/隐藏。我使用的几个脚本只能在一个目标上运行。我需要一次切换以同时定位一个class或id下列出的所有项目，而不会为每个项目创建唯一标识符。 Here is a sample of my issue.

Answer 1

点击＆＃34;隐藏按钮＆＃34;，步骤2,5,7,9,10将切换并使用相同的班级选择器＆＃34;隐藏＆＃34;

＆＃13;

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

＆＃13;

<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>

＆＃13;

Answer 2

谢谢你！我的结果很棒。 Click to see my code. 我有一个浮动的菜单栏，我将把按钮放进去。我会在我有时间后添加该代码。再次感谢！

仅显示/隐藏具有相同名称的（类/ id）的多个目标

2 个答案: