问题描述
|
这是我所拥有的:
<script type=\"text/javascript\">
$(function() {
$(\"#accordion\").accordion({
collapsible: false,autoHeight: false,<br/>
navigation: true,header: \'p.menuitem\'
});
$(\"p.menuitem a\").click(function(event){
window.location.hash=this.hash;
});
});
</script>
<div id=\"accordion\">
<div>
<p class=\"menuitem\" id=\"item1\"><a href=\"#item1\">Section1</a></p>
<div>Phasellus mattis <a href=\"#item2\">tincidunt</a> nibh.</div>
</div>
<div>
<p class=\"menuitem\" id=\"item2\"><a href=\"#item2\">Section2</a></p>
<div>Nam dui erat,auctor a,dignissim quis.</div>
</div>
<div>
<p class=\"menuitem\" id=\"item3\"><a href=\"#item3\">Section3</a></p>
<div>Nam dui erat,dignissim quis.</div>
</div>
</div>
正如您肯定已经注意到的那样,手风琴的Section1中有一个跳过链接。
要解决的问题是:
提到的跳过链接可防止在通过以下方式调用tis页面时打开手风琴部分2
http://www.domain.tld/index.htm#item2
而其他的,
http://www.domain.tld/index.htm#item1
要么
http://www.domain.tld/index.htm#item3
仍然运作良好。
单击跳过链接不会打开手风琴的第二部分。
有没有机会使这些东西起作用?我已经搜索了很多,但没有成功。
解决方法
这两个问题都解决了!
<script type=\"text/javascript\">
$(function() {
$(\"#accordion\").accordion({
collapsible: false,autoHeight: false,navigation: true,header: \'p.menuitem\'
});
$(\"p.menuitem a\").click(function(event){
window.location.hash=this.hash;
});
if($(location).attr(\"hash\")) $(\"a[hash=\"+$(location).attr(\"hash\")+\"]\").click();
});
function openpanel(section) {
$(\"#accordion\").accordion(\"activate\",section);
}
</script>
<div id=\"accordion\">
<div>
<p class=\"menuitem\" id=\"item1\"><a href=\"#item1\">Section1</a></p>
<div>Phasellus mattis <a href=\"#item2\" onclick=\"javascript:openpanel(1)\">tincidunt</a> nibh.</div>
</div>
<div>
<p class=\"menuitem\" id=\"item2\"><a href=\"#item2\">Section2</a></p>
<div>Nam dui erat,auctor a,dignissim quis.</div>
</div>
<div>
<p class=\"menuitem\" id=\"item3\"><a href=\"#item3\">Section3</a></p>
<div>Nam dui erat,dignissim quis.</div>
</div>
</div