Javascript Jquery向上滑动和向下滑动-第一个li始终向下滑动

我有一份清单

牙科的

• 隔离材料
  • 纸浆灭活剂
  • 蚀刻剂
• 畸齿矫正学
• 牙科药物

口述

使用以下html

<ul class="nav" id="product-cat-menu">
<li>
    <span class="right-plus main-plus"><i class="fa fa-plus-square-o"></i></span>Dental
    <ul>
      <li>
        <span class="right-plus "><i class="fa fa-plus-square-o"></i></span>Isolation Materials
        <ul>
          <li>Pulp Devitalizer</li>
          <li>Etchants</li>
        </ul>
      </li>
      <li>
        Orthodontics
      </li>
      <li>
         <span class="right-plus "><i class="fa fa-plus-square-o"></i></span>Dental Medicines
      </li>
    </ul>
   </li>
   <li>
     Oral
   </li>

我使用下面的jquery进行上下滑动列表是

$(document).ready(function () {       
$("#product-cat-menu .right-plus").click(function (evt) {
    var $this = $(this);        
    $this.closest('li').siblings().find('ul').slideUp();       
    $this.siblings().slideDown();
    $this.find('i').removeClass("fa-plus-square-o");        
    $this.closest('li').siblings().find('span i').addClass("fa-plus-square-o");
    evt.preventDefault();        
});    
});

---

这是完美的工作。。。但实际上我需要的是，当页面加载时，第一个li总是向下滑动。如何可能

您可以使用以下方法触发第一个跨距的单击事件：

 $("#product-cat-menu .right-plus:first").click();

---

可以使用以下命令触发第一个跨度的单击事件：

 $("#product-cat-menu .right-plus:first").click();

---

您可以通过在代码中添加以下行来实现这一点

$(document).ready(function () {       
  $("#product-cat-menu .right-plus").click(function (evt) {
     //your code
  });    
  $("#product-cat-menu .right-plus").eq(0).click();
});

---

您可以通过在代码中添加以下行来实现这一点

$(document).ready(function () {       
  $("#product-cat-menu .right-plus").click(function (evt) {
     //your code
  });    
  $("#product-cat-menu .right-plus").eq(0).click();
});

添加

.first（）。单击事件后单击（）

最终的代码如下所示

$(document).ready(function () {       
    $("#product-cat-menu .right-plus").click(function (evt) {
        var $this = $(this);        
        $this.closest('li').siblings().find('ul').slideUp();       
        $this.siblings().slideDown();
        $this.find('i').removeClass("fa-plus-square-o");        
        $this.closest('li').siblings().find('span i').addClass("fa-plus-square-o");
        evt.preventDefault();        
    }).first().click(); // new line
});

添加
.first（）。单击事件后单击（）

最终的代码如下所示

$(document).ready(function () {       
    $("#product-cat-menu .right-plus").click(function (evt) {
        var $this = $(this);        
        $this.closest('li').siblings().find('ul').slideUp();       
        $this.siblings().slideDown();
        $this.find('i').removeClass("fa-plus-square-o");        
        $this.closest('li').siblings().find('span i').addClass("fa-plus-square-o");
        evt.preventDefault();        
    }).first().click(); // new line
});

csstriggering click for first元素中是否有任何更改将执行click事件中写入的内容。csstriggering click for first元素中是否有任何更改将执行click事件中写入的内容。