Rework sidebar to use jQuery UI

1 files changed, 4 insertions, 7 deletions

diff --git a/_layouts/default.html b/_layouts/default.html
index ad7797f..2f6307b 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -20,6 +20,7 @@ sidebar_cats:
     <link rel="stylesheet" href="/css/print.css" type="text/css" media="print">
 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script>
     <script type="text/javascript" src="/js/main.js"></script>
   </head>
 
@@ -58,19 +59,15 @@ sidebar_cats:
             </div>
 
             <div class="sidebar">
-              <ul>
               {% for cat in (page.sidebar_cats) %}
-                <li id="{{cat}}">
-                  <h3>{{ cat | capitalize }}</h3>
-                  <dl id="{{cat}}">
+                <h3>{{ cat | capitalize }}</h3>
+                  <dl>
                     {% for post in site.posts reversed %}{% if post.categories contains cat %}
-                      <dt><a href="{{ post.url }}">{{ post.title }}</a></dt>
+                      <dt><a href="{{ post.url }}" id="{{ cat }}">{{ post.title }}</a></dt>
                       <dd>{{ post.description }}</dd>
                     {% endif %}{% endfor %}
                   </dl>
-                </li>
               {% endfor %}
-
             </div>
           </div>
         </div>