jquery - 使用链接打开 jQuery Accordion 面板(在 Accordion 之外)

Question

对 jQuery 还是新手!

我有一个使用 jQuery UI 1.10.1 构建的 Accordion 。这是非常基本的；默认情况下显示第一个项目，其他项目在单击之前隐藏。我想使用 jQuery Accordion 上方存在的链接在单击时打开某个 Accordion 面板。它看起来像这样:

链接1 链接2 链接3

| Accordion 标题 1 |

| Accordion 内容 1 显示|

| Accordion 标题 2 |

| Accordion 内容 2 隐藏 |

| Accordion 标题 3 |

| Accordion 内容 3 隐藏 |

..这样当您单击“Link2”时，它会隐藏 Accordion 内容 1 并显示 Accordion 内容 2。

我搜索了该网站，但似乎没有一个答案合适。

谢谢

Answer 1

您可能可以使用不同的方法将按钮链接到标题部分，我只是使用了按钮中的 id。

但本质上是:

$( "#accordion" ).accordion();

$('.section-button').on('click', function(){
  var header = $('#accordion').find('.' + this.id);
  header.click();
});

Demo here