Toggles

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.
Eaque ipsa quae ab illo veritatis et quasi architecto beatae vitae dicta.

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.
Eaque ipsa quae ab illo veritatis et quasi architecto beatae vitae dicta.

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.
Eaque ipsa quae ab illo veritatis et quasi architecto beatae vitae dicta.


<div class="toggle-title"> 
    <span class="open-toggle closed"> </span>
    
    <h4><a href="#" title="Open">Your Title</a></h4>
</div>

<div class="toggle-content">
    <p>Your Text</p>
</div>

Tabs

Your Title of Tab 1
tab1

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu. Eaque ipsa quae ab illo veritatis et quasi architecto.

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu. Eaque ipsa quae ab illo veritatis et quasi architecto.

Your Title of Tab 2

Lorem ipsum dolor sit amet, consectetur adipiscing lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec blandit enim libero, quis tincidunt arcu.
Eaque ipsa quae ab illo veritatis et quasi architecto beatae vitae dicta.

Your Title of Tab 3
  • Lorem ipsum dolor sit amet
  • consectetur adipiscing elit
  • Nulla scelerisque

<div class="tabs-container">
    <ul class="tabs">
        <li class="open-tab"><h4><a href="#tab1">Tab 1</a></h4></li>
        <li><h4><a href="#tab2">Tab 2</a></h4></li>
        <li><h4><a href="#tab3">Tab 3</a></h4></li>
    </ul>
    
    <div class="clear"></div>
    
    <div class="border">
	    <div id="tab1" class="panel">
	        <h5><strong>Your Title of Tab 1</strong></h5>              
	        
	        <p>Your Text</p>
	        
	        <div class="clear"></div>
	    </div>
	    
	    <div id="tab2" class="panel">
	        <h5><strong>Your Title of Tab 2</strong></h5>             
	        
	        <p>Your Text</p>                      
	        
	        <div class="clear"></div>
	    </div>
	    
	    <div id="tab3" class="panel">
	        <h5><strong>Your Title of Tab 3</strong></h5>             
	        
	        <p>Your Text</p>        
	        
	        <div class="clear"></div>
	    </div>
	</div>
</div>

News