I just finished putting together my new archives page which is in the new design. Because I’ve got over 1200 entries in my site, the archives section was getting WAY too long and ungainly. I knew there was a way to use CSS and JavaScript to show and hide different elements on a page, but I didn’t know how to do it.
I went looking on the Net for some tutorials and eventually found what I needed. It’s been a while since I’ve used JavaScript extensively in any of my sites, so I had to go over the example script a couple times before I figured out how it worked.
I modified the function a bit and ended up with a simple, three line function that shows/hides different DIVs based on which H3 tag you click. It will also change an image when clicked. All of this together makes my archives a lot more manageable and nicer to look at.
I’m getting excited about this new design, since it will be the most technically challenging one I’ve done to date. I’ve got features in it that I haven’t had before. I’ve pushed EE so much, I’ve found some weaknesses in it, but then found workarounds.
I hope to have the new design up and running by late Sunday.