I have installed the widget. Functional result is good;
My message is just about the look that I can't succeed to adapt.
I understand that you have created 4 classes (jaw.symbol, years, months and posts).
Only class jaw.symbol works on my instance.
I looked at the html generated by the widget and I see why 'jaw.symbol' is working as the class is used with a span, whilst jaw.years, jaw.months and jaw.posts are not associated correctly with the related text.
here is the html code :
<div id="jal_widget-2" class="widget widget_jal_widget"> <h4 class="widgettitle">Archives</h4> <ul class="jaw_widget"> <li class="jaw_years"><a class="jaw_years" href="http://localhost:8888/base4hippo/2012/"><span class="jaw_symbol">[+]</span></a> <a href="http://localhost:8888/base4hippo/2012/"> 2012 (1)</a> <ul> <li class="jaw_months" style="display:none;"><a class="jaw_months" href="http://localhost:8888/base4hippo/2012/09/"><span class="jaw_symbol">[+]</span> </a> <a href="http://localhost:8888/base4hippo/2012/09/">September (1)</a> <ul> <li class="jaw_posts" style="display:none;"><a href="http://localhost:8888/base4hippo/hello-world/">My 10 nights stay at Hippo Haven, by Teresa Damico</a></li> </ul> </li> </ul> </li> ......
if you check the text "2012" (year of the first archive), there is no class attached. Same for "September".
Looking to your jal.js, this is far too complicated for me to understand.
Thanks for your current work and for future help.