Accordions

 <div class="jf_typo_accord style1"><i></i> 	<div class="trigger"><i></i>Web Design &amp; Development</div> 	<div class="container"><i></i>Some text here...</div> 	<div class="trigger"><i></i>Logo / Corporate Identity</div> 	<div class="container"><i></i>Some text here...</div> 	<div class="trigger"><i></i>Vivamus sed lacus et nisi semper malesuada eu et nulla.</div> 	<div class="container"><i></i>Some text here...</div> </div> 

 <div class="jf_typo_accord style2"><i></i> 	<div class="trigger"><i></i>Web Design &amp; Development</div> 	<div class="container"><i></i>Some text here...</div> 	<div class="trigger"><i></i>Logo / Corporate Identity</div> 	<div class="container"><i></i>Some text here...</div> 	<div class="trigger"><i></i>Vivamus sed lacus et nisi semper malesuada eu et nulla.</div> 	<div class="container"><i></i>Some text here...</div> </div> 

 <div class="jf_typo_accord style3"><i></i> 	<div class="trigger"><i></i>Web Design &amp; Development</div> 	<div class="container"><i></i>Some text here...</div> 	<div class="trigger"><i></i>Logo / Corporate Identity</div> 	<div class="container"><i></i>Some text here...</div> 	<div class="trigger"><i></i>Vivamus sed lacus et nisi semper malesuada eu et nulla.</div> 	<div class="container"><i></i>Some text here...</div> </div> 

 <div class="jf_typo_accord style4"><i></i> 	<div class="trigger"><i></i>Web Design &amp; Development</div> 	<div class="container"><i></i>Some text here...</div> 	<div class="trigger"><i></i>Logo / Corporate Identity</div> 	<div class="container"><i></i>Some text here...</div> 	<div class="trigger"><i></i>Vivamus sed lacus et nisi semper malesuada eu et nulla.</div> 	<div class="container"><i></i>Some text here...</div> </div>