Question

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

Links to an element and triggers slideToggle.

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

嗯......希望它有某种意义。对不起，如果它没有，但我是非常新的html5和jQuery。非常感谢任何帮助。

谢谢：）

Answer 1

我认为我通过使用jquery和jquery-UI库并在所需元素上调用.accordion（）方法来解决问题。您可以查看JSFiddle Here - 您也可以查看以下代码。

在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并编写自己的CSS：）

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

1 个答案: