HOWTO：JQuery Accordion：链接到内部切换菜单

Question

在我的网站标题中，我有 3 个随机预览。

<ul id="dm_list">
<li><div id="sinistra"><script>boxsinistro_ita();</script></div></li>
<li><div id="centro"><script>boxcentrale_ita();</script></div></li>
<li><div id="destra"><script>boxdestro_ita();</script></div></li>
</ul>

单击其中一个预览，您将进入带有“JQuery Accordion”菜单的网页。 例如：

• menu1
• menu2
• menu3

如何打开我在标题中单击的“切换”部分？

Answer 1

使用 Accordion 的 activate 方法。假设它们与标题中的列表项的顺序相同，您可以使用索引版本。

$('#dm_list > li a').click( function() {
    var index = $('#dm_list > li a').index(this);
    $('#menu').accordion('activate',index);
    return false;
});

编辑：

事实证明，如果您想指定在不同页面上打开的部分，这比我想象的要容易。手风琴已经通过 navigation 选项处理了这个问题。只需确保 url 中的哈希值与您想要的手风琴部分的 id 匹配即可。请注意，此代码与手风琴一起出现在页面上。

 <script type="text/javascript">
     $(function() {
          $('#menu').accordion( { navigation: true } );
     });
 </script>

Answer 2

带有菜单的 HTML：

<ul id="dm_list">
<li><div id="sinistra"><script>boxsinistro_ita();</script></div></li>
<li><div id="centro"><script>boxcentrale_ita();</script></div></li>
<li><div id="destra"><script>boxdestro_ita();</script></div></li>
</ul>

boxsinistro_ita() = box_centrale_ita() = boxdestro_ita() =

document.write('<a class="swith" rel="'+fotogrande[ry]+'" href='+'"'+link[ry]+'"'+'><img src="'+fotopiccola[ry]+'" border=0><b>'+titolo[ry]+'</b><br>'+descrizione[ry]+'</a>');

带有 Accordion 类的 HTML：

<div class="title">TITLE1</div>
<div class="title">TITLE2</div>
<div class="content">CONTENT1</div>
<div class="content">CONTENT2</div>