JQ点击父级显示与隐藏子集元素

最新推荐文章于 2024-03-21 19:38:18 发布

肉松南瓜小贝

最新推荐文章于 2024-03-21 19:38:18 发布

阅读量654

点赞数

文章标签： webview html css

本文链接：https://blog.csdn.net/zb0109/article/details/121742284

版权

这篇博客展示了如何利用jQuery实现点击HTML中的父级元素（dt）来显示或隐藏其后的子级内容（dd）。通过为dt元素添加点击事件，并使用nextUntil方法来选取所有相邻的dd元素，实现内容的切换显示效果。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style type="text/css">
           * {
               margin: 0 auto;
               padding: 0;
           }

           .box {
               width: 600px;
               height: 400px;
           }

           .left {
               width: 200px;
               height: 400px;
               float: left;
           }
           .right{
               width: 400px;
               height: 400px;
               float: left;
           }
       </style>
   </head>
   <body>
       <div class="box">
           <div class="left">
               &