Added button to fold unfolded category list on main page.
authorMarek Stępniowski <marek@stepniowski.com>
Thu, 25 Sep 2008 12:11:55 +0000 (14:11 +0200)
committerMarek Stępniowski <marek@stepniowski.com>
Thu, 25 Sep 2008 12:11:55 +0000 (14:11 +0200)
wolnelektury/media/css/master.css
wolnelektury/media/js/catalogue.js
wolnelektury/templates/catalogue/folded_tag_list.html
wolnelektury/templates/catalogue/main_page.html

index 59588a8..7dc433b 100644 (file)
@@ -242,12 +242,12 @@ p .ac_input {
     display: none;
 }
 
-div.shown-tags p {
+div.shown-tags p, div.all-tags p {
     margin: -1em 0 1em 0;
     text-align: right;
 }
 
-.show-all-tags {
+.show-all-tags, .hide-all-tags {
     text-decoration: underline;
     padding-right: 1em;
 }
index 87aee5d..f86788b 100644 (file)
             return false;
         });
         
+        $('.hide-all-tags').click(function() {
+           $(this).parent().parent().fadeOut(function() {
+               $(this).prev().fadeIn();
+           });
+           return false; 
+        });
+        
         $('#registration-form').ajaxForm({
             dataType: 'json',
             beforeSubmit: function() {
index e66c109..62896fc 100644 (file)
@@ -16,7 +16,8 @@
         <ul>
             {% for tag in tags %}
                 <li><a href="{% catalogue_url choices tag %}">{{ tag }}&nbsp;({{ tag.count }})</a></li>
-            {% endfor %}      
+            {% endfor %}
         </ul>    
+        <p><a href="#" class="hide-all-tags">Zwiń</a></p>
     </div>
 {% endif %}
index 1c4e1e9..107d27d 100644 (file)
                     <li>żywioły
                     <span class="subcategories"><a href="/katalog/zywioly">Żywioły</a>, <a href="/katalog/ogien">Ogień</a>, <a href="/katalog/ziemia">Ziemia</a>, <a href="/katalog/wiatr">Wiatr</a>, <a href="/katalog/woda">Woda</a>, <a href="/katalog/przestrzen">Przestrzeń</a></span></li>
                     </ol>
+                    <p><a href="#" class="hide-all-tags">Zwiń</a></p>
                 </div>
             </div>
             <div class="clearboth"></div>