Question

我已经搜索了几个小时试图找到解决方案，但我无法解决这个问题。任何帮助，将不胜感激。我开始理解jquery，但它主要是克林贡语，所以非常感谢英语答案！：）

我正在尝试使用同一页面内的锚标记打开手风琴。在页面加载时，手风琴关闭。一切正常，除非点击页面上其他地方的链接到手风琴选项卡时无法打开。

手风琴标签的链接（在这种情况下不确定这是否正确？）：

<a href="mypage.html/#linkName">Go to accordion tab and open accordion</a>

HTML看起来像这样：

<div class="accordion product1">
    <a id="linkName"><h3>tab Name</h3></a>
    <div>accordion content</div>
</div>

这是我到目前为止的代码。我需要添加什么才能让手风琴打开并带有锚定标签？

$(function() {
    $( ".accordion.product1" ).accordion({
        header : "a#linkName",
        active: false,
        collapsible: true,
        heightStyle: "content",
        animate: 400
    });
});

Answer 1

这里有一个很好的解释如何做jquery ui widget accordion open with external button control。点击某个标签的点击事件：

$('.some-tag').on('click', function(){
    $( ".accordion.product1" ).accordion({active:0});
});

active:0 0是你要打开的手风琴的索引。

更新

将此添加到手风琴：

$('.accordion.product1').accordion({
    //... options
    collapsible: false
});

在同一页面中使用锚标记打开jquery手风琴

1 个答案:

更新