CSS-Only Accordion

This was actually really easy to do, so much so that I felt kind of embarassed when I figured it out. Most of the credit should be given to cssnewbie; the modifications I made simply expanded on their article to only show the titles of the accordion sections.

The CSS:
#accordion {}
#accordion div {width:100%; height: 20px; padding: 3px; margin-bottom: 10px; color: #fff; overflow: hidden;}
#accordion div.content {display: block; border:1px solid #efefef; color: #363636;}
#accordion span.acc_head{display: block; font-weight: bold; background: #F1E3EB; padding: 3px;}
#accordion:hover div { height: 20px; }
#accordion:hover div:hover { height: auto; color: #363636;}
#accordion ul { list-style-type:none;display:inline table;margin:0;padding:0; width: 100%;  table-layout: fixed; }
#accordion li { display: table-cell; position: relative; min-width: 175px; max-width: 175px;}

The ul and li items are optional; I tend to use this with stuff I want to display in a table-type format.

The HTML:
<div id="accordion">
<div class="content">
<span class="acc_head">Title One</span>
Content and such
</div>
<div class="content">
<span class="acc_head">Title Two</span>
Content and such again
</div>
</div>

That’s it! The divs (should) only display the the titles of the content divs, the div being hovered on should expand to reveal all content, and the non-hovered divs should remain showing titles only.

Yes We Did, and Yes We Can

For the first time since I’ve been able to vote (this was my third presidential election) I was moved to tears by Obama’s victory on Tuesday. And I’m not alone.

All over the country, Obama’s win seems not only a milestone for racial equality but a sign that we, the people, are ready for change for our country. For the past 8 years the rich have been getting richer while the poor have stayed or gotten poorer. We’ve been fed a bunch of tripe about how it’s necessary for national security that our phone calls (among other things) are monitored. Innocent Arab-Americans are hauled in for questioning because they matched a possible profile. And on and on.

When I saw that Obama had won the presidency my knees grew weak and I cried tears of joy and of hope. While he does not strike me as the kind of person I’d go have a beer with, he seems very genuine. He is not the kind of man who would pick a female VP candidate simply to get/keep Clinton supporters. He provides hope to those who have little to none left. He outlined again and again what he wanted to do for his country and how he would do it.

And, he admits that he will not be a perfect president.

In a way I feel sorry for him. He’s got twice the pressure going into this than any other president-elect would have had. He has to try and fix a crumbling economy, the situation overseas, healthcare, and so on. In addition he will be held to a higher standard because of the color of his skin. He will be the ultimate¬† role model to children and teenagers across the country — and likely around the world, as well as in his own home.

I hope that he is able to meet and exceed the expectations of him. I hope he’s able to meet his own expectations. There will always be those who will complain about the way he handled something, but the truth is there are those kind of people no matter who is in office. He will make mistakes. He will make unpopular choices. But no matter what happens he has already succeeded in helping the country become a better place, because over 64 million people united together to say “Yes, We Can”.

I know this is not as eloquent as some other blog posts/articles about this ceiling-shattering event, but when I woke up Wednesday morning I felt as though the weight of the past 8 years had lifted from my shoulders. And the feeling is still with me today.