adding functionality to display and hide posts module by tags

Author: Rodrigo Techera

_includes/blog_tags_filter.html

@@ -8,14 +8,14 @@
 
         if(jQuery(this).data("tag") == "all") {
           jQuery(this).addClass("all-tag-selected");
+          
           jQuery('.blog-tag-container').fadeOut('fast', function () {
             jQuery('.blog-posts-nav').fadeIn('fast');
           });
-
         } else {
           jQuery(this).addClass("selected");
 
-          jQuery('.blog-tag-container[data-tag="'+jQuery(this).data("tag")+'"]').siblings().fadeOut('fast', function () {
+          jQuery('.blog-tag-container div[data-tag="'+jQuery(this).data("tag")+'"]').siblings().fadeOut('fast', function () {
             jQuery(this).fadeIn('fast');
           });
 
@@ -27,6 +27,10 @@
     });
   </script>
   <style>
+    .blog-container, .blog-tag-container {
+      width: 100%;
+    }
+
     .blog-container .blog-vertical .blog-filter-menu .filter-btn {
       color: #979797;
       border: 1px solid #979797;
@@ -65,14 +69,15 @@
       <div class="blog-filter filter-btn filter" data-tag="{{ tag }}">{{ tag }}</div>
     {% endfor %}
   </div>
-  {% for tag in site.tags %}
-    <div class="blog-tag-container" data-tag="{{ tag[0] }}">
-      {% for post in tag[1] %}
+  <div class="blog-tag-container">
+    {% for tag in site.tags %}
+      <div data-tag="{{ tag[0] }}">
+        {% for post in tag[1] %}
 
-        {% include blog_post_nav.html %}
-      
-      {% endfor %}
-    </div>
-  {% endfor %}
+          {% include blog_post_nav.html %}
+        
+        {% endfor %}
+      </div>
+    {% endfor %}
   </div>
-  {% endif %}
+{% endif %}