Fixed open/close folder arrows by plugin

config/assets.yml

@@ -56,6 +56,7 @@ javascripts:
     - public/javascripts/admin/account.js
   pages:
     - public/javascripts/admin/pages.js
+    - public/javascripts/admin/menu_toggler.js
   edit_page:
     - public/javascripts/admin/plugins/tiny_mce/tinymce.js
     - public/javascripts/admin/editable_elements.js

public/javascripts/admin/pages.js

@@ -1,24 +1,7 @@
 $(document).ready(function() {
 
   // open / close folder
-  $('#pages-list ul.folder img.toggler').click(function(e) {
+  $('#pages-list ul.folder img.toggler').toggleMe();
-    var toggler = $(this);
-    var children = toggler.parent().find('> ul.folder');
-    
-    children.each(function(){
-      if ($(this).is(':visible')) {
-        $(this).slideUp('fast', function() {
-          toggler.attr('src', toggler.attr('src').replace('open', 'closed'));
-          $.cookie($(this).attr('id'), 'none');
-        });
-      } else {
-        $(this).slideDown('fast', function() {
-          toggler.attr('src', toggler.attr('src').replace('closed', 'open'));
-          $.cookie($(this).attr('id'), 'block');
-        });
-      }
-    });
-  });
 
   // sortable folder items
   $('#pages-list ul.folder').sortable({

public/javascripts/admin/plugins/menu_toggler.js

@@ -0,0 +1,41 @@
+/**
+ * Version 1.0
+ * Init and deploy childs on menu (admin)
+ * Benjamin Athlan - Bewcultures
+ */
+$.fn.toggleMe = function(settings) {
+
+  settings = $.extend({
+  }, settings);
+  
+  function toggle(element){
+      var children = $(element).parent().find('> ul.folder');
+        
+          children.each(function(){
+            if ($(this).is(':visible')) {
+              $(this).slideUp('fast', function() {
+                element.attr('src', element.attr('src').replace('open', 'closed'));
+                $.cookie($(this).attr('id'), 'none');
+              });
+            } else {
+              $(this).slideDown('fast', function() {
+                element.attr('src', element.attr('src').replace('closed', 'open'));
+                $.cookie($(this).attr('id'), 'block');
+              });
+            }
+          });
+  };
+  
+  return this.each(function(){
+      toggle($(this));
+    
+    $(this).bind("click", function(){
+      // console.log(this);
+      toggle($(this));
+    });
+  });
+  
+};
+
+
+