<div class="site-map"> <% @items.each_with_index do |item, i| %> <div class="map-block"> <h4><%= i+1 %> <a href='<%= item.path %>'><%= item.title %></a></h4> <ul> <% item.children.each_with_index do |child, ii| %> <li class="clear"><%= "#{i+1}-#{ii+1}" %> <a href='<%= child.path %>'><%= child.title %></a></span></li> <% end if item.children %> </ul> </div> <% end %> </div> <%= javascript_include_tag "lib/jquery.masonry.min.js" %> <script> $(document).ready(function(){ $('.site-map').masonry({ itemSelector: '.map-block', columnWidth: 220, isAnimated: true }); }); </script>