html折叠/展开树

亚历山德鲁·塞维林

我正在使用代码在html中生成树,而问题是,每次刷新页面时,树都会扩展。

我想创建它,以便在我打开页面时,根据其具有的属性,一些分支将被展开,而某些分支将被折叠。

例如:

<span><i class="icon-plus-sign"></i> Parent 1</span>
    <ul> childrens go here
    </ul>
<span><i class="icon-minus-sign"></i> Parent 2</span> 
    <ul> childrens go here
    </ul>

当我打开页面时,我想看到父母2的孩子,而不是父母1的孩子。

我是html的新手,对于CSS和javascript来说是全新的。因此,任何建议都会有所帮助。

欧文·多米宁(Irvin Dominin)

您可以使用其图标类在代码的开头添加每个元素标记的关闭位置,以使其合拢。

码:

$('.tree li.parent_li > span').each(function(i,e){
    if ($(this).find('i').hasClass("icon-plus-sign")){
        $(this).parent('li.parent_li').find(' > ul > li').hide();
    }
});

演示:http//jsfiddle.net/q3DQ2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章