JQuery - 嵌套的ul / li列表,在重新加载页面后继续扩展 [英] JQuery - nested ul/li list, keep expanded after reload of page
本文介绍了JQuery - 嵌套的ul / li列表,在重新加载页面后继续扩展的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个嵌套的ul / li列表
I have a nested ul/li list
<ul>
<li>first</li>
<li>second
<ul>
<li>Third</li>
</ul>
</li>
... and so on
我在互联网上发现这个JQuery用作灵感,但如何在页面重新加载后保持一个项目展开?
I found this JQuery on the interweb to use as inspiration, but how to keep the one item i expanded open after the page has reloaded?
<script type="text/javascript">
$(document).ready(function() {
$('div#sideNav li li > ul').hide(); //hide all nested ul's
$('div#sideNav li > ul li a[class=current]').parents('ul').show().prev('a').addClass('accordionExpanded'); //show the ul if it has a current link in it (current page/section should be shown expanded)
$('div#sideNav li:has(ul)').addClass('accordion'); //so we can style plus/minus icons
$('div#sideNav li:has(ul) > a').click(function() {
$(this).toggleClass('accordionExpanded'); //for CSS bgimage, but only on first a (sub li>a's don't need the class)
$(this).next('ul').slideToggle('fast');
$(this).parent().siblings('li').children('ul:visible').slideUp('fast')
.parent('li').find('a').removeClass('accordionExpanded');
return true;
});
});
</script>
推荐答案
您可以将当前打开的菜单项保存在cookie中 $ .cookie('menustate')
you can save the current open menu item in a cookie $.cookie('menustate')
这篇关于JQuery - 嵌套的ul / li列表,在重新加载页面后继续扩展的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文