Apply open class to interactive map's categoryBox, and adjust style

diff --git a/js/leaflet-area-map.js b/js/leaflet-area-map.js
index 9d5a34a..d4d8d62 100644 (file)
--- a/js/leaflet-area-map.js
+++ b/js/leaflet-area-map.js
@@ -41,7 +41,7 @@ var GlmMap = {
         jQuery.each(glm_memberCats, function(i, category_id){
              // attach action to top of tab
             jQuery("#cat-main-open-" + category_id).click(function(){
-                jQuery("#cat-main-" + category_id).slideToggle(GlmMap._catDivSpeed).toggleClass("open");
+                jQuery("#cat-main-" + category_id).slideToggle(GlmMap._catDivSpeed).parent().toggleClass("open");
             });
              // attach action to bottom of tab
             jQuery("#cat-main-close-" + category_id).click(function(){

diff --git a/views/front/members/interactivemap.html b/views/front/members/interactivemap.html
index 40311ab..4235c83 100644 (file)
--- a/views/front/members/interactivemap.html
+++ b/views/front/members/interactivemap.html
@@ -358,6 +358,9 @@ ul#memberCategoryBox li.categoryBox {
     width: 14.1%;
     /*width: auto;*/
 }
+ul#memberCategoryBox li.categoryBox.open .catName {
+    background: #555555;
+}
 div.catName {
     background: #333333;
     border: 0;