Use custom events to resize the map on sidebar open/close

app/views/site/_resize.html.erb

@@ -48,4 +48,9 @@
 
     resizeMap();
   }
+
+  $(document).ready(function () {
+    $("#sidebar").on("opened", resizeMap);
+    $("#sidebar").on("closed", resizeMap);
+  });
 </script>

app/views/site/_sidebar.html.erb

@@ -28,7 +28,7 @@
 
     $("#sidebar").css("display", "block");
 
-    <%= onopen %>
+    $("#sidebar").trigger("opened");
 
     onclose = options.onclose;
   }
@@ -36,7 +36,7 @@
   $(".sidebar_close").click(function (e) {
     $("#sidebar").css("display", "none");
 
-    <%= onclose %>
+    $("#sidebar").trigger("closed");
 
     if (onclose) {
        onclose();

app/views/site/edit.html.erb

@@ -15,7 +15,7 @@
 <% end %>
 <% end %>
 
-<%= render :partial => 'sidebar', :locals => { :onopen => "resizeMap();", :onclose => "resizeMap();" } %>
+<%= render :partial => 'sidebar' %>
 <%= render :partial => 'search' %>
 <%= render :partial => 'resize' %>
 

app/views/site/index.html.erb

@@ -10,7 +10,7 @@
   <% end -%>
 <% end -%>
 
-<%= render :partial => 'sidebar', :locals => { :onopen => "resizeMap();", :onclose => "resizeMap();" } %>
+<%= render :partial => 'sidebar' %>
 <%= render :partial => 'key' %>
 <%= render :partial => 'search' %>