added expanding and collapsing feature to the site structure.. collapsed by default

app/assets/javascripts/lib/items/items.js.erb

@@ -4,6 +4,17 @@ var Items = function(){
     i.bindHandlers();
     i.itemQuantity();
     i.bindEditAddPageHandlers();
+     $(".sortable").delegate(".brand, .delete", clickEvent, function(e){
+      if($(this).hasClass('delete')) {
+        $target = $(this);
+        $('#dialog').modal('show');
+      } else {
+        if($(this).closest('li').children('ol').length > 0){
+          $(this).closest('li').toggleClass('collapsed');
+        }
+      }
+      e.preventDefault();
+    });
   }
 
   this.bindHandlers = function(){
@@ -41,6 +52,7 @@ var Items = function(){
         })
       }
     });
+
   }
 
   this.itemQuantity = function(){

app/views/admin/items/_node_and_children.html.erb

@@ -1,5 +1,5 @@
 <% unless node.root? %>
-  <li id='<%= node.id %>' class="<%= 'disabled' unless !node.enabled_for.empty? %> <%= 'no-nest' if node.class.to_s.eql?('Link') %>" >
+  <li id='<%= node.id %>' class="<%= 'disabled' unless !node.enabled_for.empty? %> <%= 'collapsed' unless node.child_page.blank? %>" >
 <% end %>
   <%= render 'node', {node: node, level: level} rescue render 'admin/items/node', {node: node, level: level} %>
   <% unless node.child_page.blank? %>