Skip to content

Commit 8111533

Browse files
ksungksung
committed
adding js for pop folders out
1 parent 47f968a commit 8111533

File tree

1 file changed

+34
-31
lines changed

1 file changed

+34
-31
lines changed

‎app/views/layouts/sitemap_example.html.erb‎

Lines changed: 34 additions & 31 deletions
Original file line numberDiff line numberDiff line change
@@ -43,40 +43,41 @@
4343
</style>
4444

4545
<div id="filter">Show: <select id="filtershow"><option value="none" selected="selected">None</option><option value="event">Events</option><option value="article">Articles</option><option value="portlet">Portlets</option><option value="slide">Slides</option><option value="all">All</option></select></div>
46-
<div id="sitemap">
47-
<ul class="nav nav-list nav-stacked">
48-
<li><a href="#"><i class="icon-home"></i> My Site</a>
49-
<ul class="nav nav-list">
50-
<li><a href="#"><i class="icon-file"></i> Home <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
51-
<li><a href="#" data-toggle="collapse" data-target="#section1"><i class="icon-folder-close"></i> Section 1 <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a>
52-
<ul id="section1" class="nav nav-list collapse">
53-
<li><a href="#"><i class="icon-file"></i> 404 <span class="span1"><span class="status phidden">H</span> <i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
54-
<li><a href="#"><i class="icon-file"></i> System <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
55-
<li><a href="#"><i class="icon-file"></i> Whatever <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
56-
</ul>
57-
</li>
58-
<li><a href="#"><i class="icon-file"></i> Page <span class="span1"><i class="icon-ok-circle"></i><span class="status draft">d</span></span></a></li>
59-
<li><a href="#" data-toggle="collapse" data-target="#section2"><i class="icon-folder-close"></i> Section 2 <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a>
60-
<ul class="nav nav-list collapse" id="section2">
61-
<li><a href="#"><i class="icon-file"></i> Landing <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
62-
<li><a href="#" data-toggle="collapse" data-target="#subsection1"><i class="icon-folder-close"></i> Subsection <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a>
63-
<ul class="nav nav-list collapse" id="subsection1">
64-
<li><a href="#"><i class="icon-file"></i> Page 1 <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
65-
<li><a href="#"><i class="icon-file"></i> Page 2 <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
66-
<li><a href="#"><i class="icon-file"></i> Page 3 <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
67-
</ul>
68-
</li>
46+
<div id="sitemap">
47+
<ul class="nav nav-list nav-stacked">
48+
<li><a href="#"><i class="icon-home"></i> My Site</a>
49+
<ul class="nav nav-list">
50+
<li><a href="#"><i class="icon-file"></i> Home <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
51+
<li><a href="#" data-toggle="collapse" data-target="#section1"><i class="icon-folder-close"></i> Section 1 <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a>
52+
<ul id="section1" class="nav nav-list collapse">
53+
<li><a href="#"><i class="icon-file"></i> 404 <span class="span1"><span class="status phidden">H</span> <i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
54+
<li><a href="#"><i class="icon-file"></i> System <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
55+
<li><a href="#"><i class="icon-file"></i> Whatever <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
56+
</ul>
57+
</li>
58+
<li><a href="#"><i class="icon-file"></i> Page <span class="span1"><i class="icon-ok-circle"></i><span class="status draft">d</span></span></a></li>
59+
<li><a href="#" data-toggle="collapse" data-target="#section2"><i class="icon-folder-close"></i> Section 2 <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a>
60+
<ul class="nav nav-list collapse" id="section2">
61+
<li><a href="#"><i class="icon-file"></i> Landing <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
62+
<li><a href="#" data-toggle="collapse" data-target="#subsection1"><i class="icon-folder-close"></i> Subsection <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a>
63+
<ul class="nav nav-list collapse" id="subsection1">
64+
<li><a href="#"><i class="icon-file"></i> Page 1 <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
65+
<li><a href="#"><i class="icon-file"></i> Page 2 <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
66+
<li><a href="#"><i class="icon-file"></i> Page 3 <span class="span1"><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
67+
<li data-nodetype="portlet"><a href="#"><i class="icon-cog"></i> Portlet <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
6968
</ul>
7069
</li>
71-
<li><a href="#"><i class="icon-file"></i> Page <span class="span1"><span class="status phidden">H</span><i class="icon-lock"></i><span class="status published">p</span></span></a></li>
72-
<li data-nodetype="event"><a href="#"><i class="icon-calendar"></i> Event <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
73-
<li data-nodetype="article"><a href="#"><i class="icon-list"></i> Article <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
74-
<li data-nodetype="portlet"><a href="#"><i class="icon-cog"></i> Portlet <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
75-
<li data-nodetype="slide"><a href="#"><i class="icon-picture"></i> Slide <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
7670
</ul>
7771
</li>
78-
</ul>
79-
</div>
72+
<li><a href="#"><i class="icon-file"></i> Page <span class="span1"><span class="status phidden">H</span><i class="icon-lock"></i><span class="status published">p</span></span></a></li>
73+
<li data-nodetype="event"><a href="#"><i class="icon-calendar"></i> Event <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
74+
<li data-nodetype="article"><a href="#"><i class="icon-list"></i> Article <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
75+
<li data-nodetype="portlet"><a href="#"><i class="icon-cog"></i> Portlet <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
76+
<li data-nodetype="slide"><a href="#"><i class="icon-picture"></i> Slide <span class="span1"><span class="status phidden">H</span><i class="icon-ok-circle"></i><span class="status published">p</span></span></a></li>
77+
</ul>
78+
</li>
79+
</ul>
80+
</div>
8081

8182
<!-- Le javascript
8283
================================================== -->
@@ -88,7 +89,7 @@
8889
$(this).find('i:first').attr('class','icon-folder-close');
8990
} else {
9091
$(this).find('i:first').attr('class','icon-folder-open');
91-
};
92+
}
9293
});
9394
$('#sitemap li[data-nodetype]').hide();
9495
$('#filtershow').change(function() {
@@ -98,8 +99,10 @@
9899
$('#sitemap li[data-nodetype]').slideUp();
99100
} else if (what == "all") {
100101
$('#sitemap li[data-nodetype]').slideDown();
102+
$('#sitemap li[data-nodetype]').parents('li').children('a[data-toggle]').click();
101103
} else {
102104
$('#sitemap li[data-nodetype="'+what+'"]').slideDown();
105+
$('#sitemap li[data-nodetype="'+what+'"]').parents('li').children('a[data-toggle]').click();
103106
};
104107
});
105108
});

0 commit comments

Comments
 (0)