jQuery UI Accordion - Default functionality

what steven has to say:

body text.

what amanda has to say:

"what you just typed was way too long, steve. nobody is gonna read all that!"

what our customers have to say:

body.

such as this
and this
and even this

Section 4

And finally more stuff.

blahhhhhhhh

jQuery UI Accordion - No Auto Height jQuery UI Accordion - Open on hoverintent jQuery UI Accordion - No auto height

what steven has to say:

"my mother always had a saying for everything when i was kid. well, she still does, but the ones i heard when i was a kid definitely shaped me. at a young age i learned, "a place for everything, and everything in its place." years later, i found myself examing my life as an adult, and that's when the proverbial light presented itself. and the rest is history. now i clean houses.

THE END

ha! that was a pretty great story, right?? i thought so...

more seriously, welcome home cleaning company is a collective effort culminating from shared frustration. a discontent familiar to many of us, our spirits became truly taxed at years of being overworked, underpaid, and unappreciated at jobs that ultimately meant little to us, and to which we meant even less. through our lives, amanda and i have dedicated sincere work ethic and creativity that yielded invaluable experiences, yes, but failed to provide the ever-so-elusive sense of satisfaction for which everyone, at one point or another, is searching. from the restaurant industry to event planning, from retail to rehabilitation, the various fields in which we've worked ingrained upon us many sentiments. some were good, some were bad. overall, the resoundingly positive experiences that trumped the monotony to it all were: 1) we enjoyed working with people, and 2) we liked taking charge and getting things done the right way.

welcome home cleaning company is not a corporate entity. we are not a franchise. we are us. amanda and i real people with real hopes and dreams in this lifetime, and welcome home is our vehicle to achieving them. are we the best at your mess because we mean clean? do we put the hurt on dirt because grime is a crime? does cleaning your home compel us to rhyme? no. no, it does not. we're a little too busy working to be concerned with whether or not our slogan can be sung. as a matter off fact, i don't even know that our slogan is a slogan. i mean, it's literally part of a conversation we were having about trying to come up with a slogan. anyway... we are not tap-dancing maids that pose in the midst of cleaning your house in order to "smile for the camera." we're two average, hard-working people looking to provide professional quality with a personal touch.

i know this "description" may be a bit lengthy, but if you are basing your decision on whether or not have us in your home, i'd like to illustrate a pretty good idea about who we are.

we put ourselves into our work, and i hope that shows. thank you for taking the time to read this, and we both look forward to doing business with you (or continuing to do so) in the future."

- steven

what amanda has to say:

"what you just typed was way too long, steve. nobody is gonna read all that!"

- amanda

what our customers have to say:

coming soon...

...not because we don't already have positive customer feedback, but because i simply haven't entered it within this css accordion style presentation which is EXTREMELY easy to format (that was sarcasm).

satisfaction guarantee

this business means everything to us. we expect and require ourselves to deliver the best service possible. we will not promise perfection, but what we will confidently declare is that we'll do all we can to try and achieve it. if for any reason you are unhappy with anything about our services, please let us know immediately. we welcome feedback and will remedy your concerns as quickly as possible, absolutely free of charge.

jQuery UI Accordion - No auto height

what steven has to say:

what steven has to say about us:

THE END

ha! that was a pretty great story, right?? i thought so...

i know this "description" may be a bit lengthy, but if you are basing your decision on whether or not have us in your home, i'd like to illustrate a pretty good idea about who we are.

we put ourselves into our work, and i hope that shows. thank you for taking the time to read this, and we both look forward to doing business with you (or continuing to do so) in the future."

- steven

what amanda has to say about us:

"what you just typed was way too long, steve. nobody is gonna read all that!"

- amanda

what our customers have to say about us:

coming soon...

what mimes have to say about us:

satisfaction guarantee

/*Define Accordion box*/
.accordion { 
     width:830px;
     overflow:hidden; 
     margin:10px auto; 
     color:#474747; 
     background:#414141; 
     padding:10px; 
}

.accordion section{ 
      float:left;
      overflow:hidden; 
      color:#333; 
      cursor:pointer; 
      background: #333; 
      margin:3px; 
}
.accordion section:hover {
      background:#444;
}

.accordion section p { 
      display:none; 
}



.accordion section:target { 
      background:#FFF; 
      padding:10px;
}
.accordion section:target:hover { 
      background:#FFF; 
}
.accordion section:target h30 {
      width:100%;
}
.accordion section:target h30 a{ 
      color:#333; 
      padding:0;
}
.accordion section:target p {
      display:block;
}
.accordion section h30 a{
      padding:8px 10px;
      display:block; 
      font-size:16px; 
      font-weight:normal;
      color:#eee; 
      text-decoration:none; 
}

.accordion section:after{
      position:relative;
      font-size:24px;
      color:#000;
      font-weight:bold;
}
.accordion section:nth-child(1):after{ content:'1'; }
.accordion section:nth-child(2):after{ content:'2'; }
.accordion section:nth-child(3):after{ content:'3'; }
.accordion section:nth-child(4):after{ content:'4'; }
.accordion section:nth-child(5):after{ content:'5'; }



.horizontal section{ 
      width:5%; 
      height:250px; 
      -moz-transition: width 0.2s ease-out; 
      -webkit-transition:width 0.2s ease-out;
      -o-transition:width 0.2s ease-out;
      transition:width 0.2s ease-out;
}

.horizontal section{ 
      width:5%; 
      height:250px; 
      -moz-transition: width 0.2s ease-out; 
      -webkit-transition:width 0.2s ease-out;
      -o-transition:width 0.2s ease-out;
      transition:width 0.2s ease-out;
}

/*Position the number of the slide*/
.horizontal section:after{
      top:140px;
      left:15px;
}

/*Header of closed slide*/
.horizontal section h2 { 
     -webkit-transform:rotate(90deg);
     -moz-transform:rotate(90deg);
     -o-transform: rotate(90deg);
     transform: rotate(90deg);
     width:240px; 
     position:relative; 
     left:-100px; 
     top:85px;
} 
/*On mouse over open slide*/
.horizontal :target{ 
     width:73%;
     height:230px; 
}
.horizontal :target h30{ 
     top:0px;
     left:0;
     -webkit-transform:rotate(0deg);
     -moz-transform:rotate(0deg);
     -o-transform: rotate(0deg);
     transform: rotate(0deg); 
}

WELCOME HOME CLEANING COMPANY

what steven has to say:

body text.

what amanda has to say:

"what you just typed was way too long, steve. nobody is gonna read all that!"

what our customers have to say:

body.

Section 4