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
菜单3

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

Answer 1

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

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

修改：

如果你想在另一个页面上指定要打开的部分，那么事情比我想象的容易。手风琴已使用navigation选项处理此问题。只需确保url中的哈希值与您想要的accordion部分的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>

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

2 个答案: