在同一页面中使用锚定标记打开jquery accordion
我已经找了几个小时试图找到一个解决办法,但我不能完全弄明白这一点。任何帮助都将不胜感激。我开始理解jquery了,但对我来说,它主要是克林贡语,所以非常感谢用英语回答!) 我试图打开一个手风琴使用锚标签从同一页。页面加载时,手风琴关闭。一切正常,但单击页面上其他位置到“手风琴”选项卡的链接时,它将无法打开 指向“手风琴”选项卡的链接(不确定在这种情况下是否正确):在同一页面中使用锚定标记打开jquery accordion,jquery,html,jquery-ui,Jquery,Html,Jquery Ui,我已经找了几个小时试图找到一个解决办法,但我不能完全弄明白这一点。任何帮助都将不胜感激。我开始理解jquery了,但对我来说,它主要是克林贡语,所以非常感谢用英语回答!) 我试图打开一个手风琴使用锚标签从同一页。页面加载时,手风琴关闭。一切正常,但单击页面上其他位置到“手风琴”选项卡的链接时,它将无法打开 指向“手风琴”选项卡的链接(不确定在这种情况下是否正确): 这里有一个很好的解释如何做到这一点。单击某个标记的事件: $('.some-tag').on('click', function()
这里有一个很好的解释如何做到这一点。单击某个标记的事件:
$('.some-tag').on('click', function(){
$( ".accordion.product1" ).accordion({active:0});
});
active:0
0是要打开的手风琴的索引
更新
将此添加到手风琴:
$('.accordion.product1').accordion({
//... options
collapsible: false
});
非常感谢你的帮助。这很有帮助。要在页面加载时关闭所有选项卡实例,我需要做什么?显示的示例打开了第一个实例。这取决于您有多少个
a
标记,以及您想要实现什么样的逻辑……在本例中,它是一个实例(只有一个手风琴和一个指向它的链接)。这里有一个产品的详细示例,我希望在页面加载时关闭该产品,但如果访问者有兴趣查看该产品的详细信息,请使用链接打开该产品。请查看更新,如果这是您要查找的,请将其设置为答案。不,手风琴在页面加载时仍然打开。
$(function() {
$( ".accordion.product1" ).accordion({
header : "a#linkName",
active: false,
collapsible: true,
heightStyle: "content",
animate: 400
});
});
$('.some-tag').on('click', function(){
$( ".accordion.product1" ).accordion({active:0});
});
$('.accordion.product1').accordion({
//... options
collapsible: false
});