如何链接到不同页面上的特定元素并在其上执行jQuery脚本

How to link to specific element on a differant page and execute jQuery script on it

本文关键字：元素 脚本 jQuery 执行 链接 何链接      更新时间：2023-09-26

我试图弄清楚是否可以以触发jQuery Toggle的方式链接到页面上的特定元素。

页面的默认情况。

链接到元素并触发滑动切换。

$(document).ready(function() {
  $(".team-info").hide();
  $(".list-element").click(function() {
    $(this).next(".team-info").slideToggle(500);
  });
});

嗯。。。希望这有点道理。如果没有，很抱歉，但我对html5和jQuery很陌生。如果有任何帮助，我将不胜感激。

感谢：）

我想我已经通过使用jquery和jquery UI库并对所需元素调用.accordion（）方法解决了这个问题。你可以在这里查看JSFiddle——你也可以查看下面的代码。

在HTML文件中，我创建了一个容器，其中包含组成菜单系统的所有子容器

<div id="Dropdowns">
  <h3>
    Test 1
  </h3>
  <div>
    <p>
      This is test 1's content
    </p>
  </div>
  <h3>
    Test 2
  </h3>
  <div>
    <p>
      This is test 2's content
    </p>
  </div>
  <h3>
    Test 3
  </h3>
  <div>
    <p>
      This is test 3's content
    </p>
  </div>
</div>

在JS文件中，我写了几行小行，调用了前面提到的.accordion（）方法。

$(function() {
  $(document).ready(function (e) {
    $("#Dropdowns").accordion();
    });
});

如果你想修改下拉菜单的外观，不要包含库附带的CSS，而是自己编写：）

相关文章：