个人中心
gpt4 book ai didi

javascript - 使用 next 选择特定 html 标签的多个子标签

转载 作者：行者123 更新时间：2023-11-28 02:31:38 24 4
gpt4 key购买 nike

我正在使用 jquery 制作一种效果，其中一个将鼠标悬停在侧边栏上，它会显示一个导航栏，但导航本身具有一些效果属性，因此当单击一个 dd 时，它会显示3 个 child dt并隐藏其余部分，但目前它仅显示第一个 dt 并隐藏其余部分...为什么 close 方法在这里不起作用是代码。

<html>
 <head>
<title></title>
<script src="Jquery.js">
</script>
  </head>
  <body>
<div class="nav">
    <dl>
        <dt>
            <dd>One</dd>
            <dd>Two</dd>
            <dd>Three</dd>
        </dt>
        <dt>
            <dd>Four</dd>
            <dd>Five</dd>
            <dd>Six</dd>
        </dt>
        <dt>
            <dd>Seven</dd>
            <dd>Eight</dd>
            <dd>Nine</dd>
        </dt>
    </dl>
</div>  
<div class="sideBar"></div>
<script type="text/javascript">
    var Sides={ 
   sideBar:$("div.sideBar"),
    nav:$("div.nav"),
    dd:$("div.nav dd"),
     dt:$("div.nav dt"),
     init:function  () {

    Sides.sideBar.on("mouseenter",this.show);
    },
    show:function  () {
    Sides.nav.close.call(nav);
    Sides.nav.fadeIn(2000).filter(":nth-child(n+8)").hide();
    Sides.dd.on("click",function  () {
        Sides.dd.next("dt").slideDown(500).siblings("dt").hide();
    })
  },
  close:function  () {
    Sides.nav.on("mouseleave",function  () {
        $(this).fadeOut(1400)
    })
    }
     }
       Sides.init();

  </script>

      </body>
      </html>

最佳答案

删除 JavaScript 代码中尾随的 })();。它会导致 JavaScript 错误，从而阻止您的代码运行。

关于javascript - 使用 next 选择特定 html 标签的多个子标签，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14059660/

24 4 0
文章推荐： c++ - 无法让 QSignalMapper 工作
文章推荐： javascript - 全日历选择方法
文章推荐： javascript - bootstrap popover 中的 onclick 事件
文章推荐： javascript - 谷歌地图邮政编码绘制在错误的地方？