爱学习的小朋友
2022-05-24 14:14
采纳率: 93.3%
浏览 50

js或jq控制两个对应的元素显示隐藏

下面代码中,通过js或者jq实现,点击第一个div中的li,对应的另一个div中的ul就显示呢?


<div>
    <ul>
        <li>列表1</li>
        <li>列表2</li>
        <li>列表3</li>
        <li>列表4</li>
    </ul>
</div>

<div>
    <ul style="display:none;"><!--对应列表1-->
        <li>列表1.1</li>
        <li>列表1.2</li>
        <li>列表1.3</li>
    </ul>

    <ul style="display:none;"><!--对应列表2-->
        <li>列表2.1</li>
        <li>列表2.2</li>
        <li>列表2.3</li>
    </ul>

    <ul style="display:none;"><!--对应列表3-->
        <li>列表3.1</li>
        <li>列表3.2</li>
        <li>列表3.3</li>
    </ul>

    <ul style="display:none;"><!--对应列表4-->
        <li>列表4.1</li>
        <li>列表4.2</li>
        <li>列表4.3</li>
    </ul>
</div>

4条回答 默认 最新

相关推荐 更多相似问题