Salta al contenuto principale

ANNUNCI GRATUITI AL  100%

Annunci

James Autohändler
Werbung
Gratis Neuwagen Transport

Tabs and accordion

Tabs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus, felis quis blandit commodo, tortor magna egestas massa, eget semper massa est et quam. Nullam ut felis et quam malesuada mollis. Aenean condimentum ullamcorper quam. Curabitur quis turpis libero, eget aliquet est. Curabitur non lorem et lacus luctus ultrices. Fusce odio nisi, posuere ut fringilla in, vehicula et libero. Vivamus nisi ante, dapibus sed egestas eu, ultricies ut odio.

Maecenas at porta felis. Duis feugiat sagittis sodales. Aenean pretium gravida orci, sed ullamcorper arcu ultrices vitae. Suspendisse in mi lacus, vitae rhoncus arcu. Nulla tincidunt, augue at consectetur ullamcorper, justo neque congue massa, in gravida elit magna quis lectus. Fusce eu mi ante. Suspendisse potenti. In in nibh ligula, interdum dignissim lorem. Phasellus feugiat risus eu dolor mattis a elementum sem egestas.

Quisque et elit enim, eget placerat est. Phasellus vitae nunc libero. Cras pulvinar blandit neque eget tristique. Donec rutrum sollicitudin neque, non tristique augue dignissim vitae. In ornare, ante in mollis bibendum, lectus neque lobortis dui, et fringilla diam risus sed neque. Donec malesuada mattis erat ac lacinia. Aenean pellentesque placerat mollis. Etiam nec purus ante, et placerat turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi et metus quis massa suscipit molestie. Mauris magna erat, ornare vitae condimentum vel, mattis vitae odio. Ut vestibulum volutpat nulla, id bibendum orci malesuada eleifend. Quisque ornare nunc vitae mauris luctus vitae porta urna consequat. Sed ante turpis, accumsan vel facilisis id, varius id magna. Praesent posuere, tortor sit amet congue laoreet, leo odio scelerisque magna, eu tincidunt dui ligula nec urna.


<script type="text/javascript">
jQuery(document).ready(function($){$('#tabs').tab();});
</script>   
<ul id="tabs" class="nav nav-tabs" data-tabs="tabs">
 <li class="active"><a href="#home" data-toggle="tab">Home</a></li>
 <li><a href="#description" data-toggle="tab">Description</a></li>
 <li><a href="#reviews" data-toggle="tab">Rewievs</a></li>
</ul>
<div id="my-tab-content" class="tab-content">
 <div class="tab-pane active" id="home">
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rhoncus, felis quis blandit commodo..</p>
 </div> 
 <div class="tab-pane" id="description">
  <p>Maecenas at porta felis. Duis feugiat sagittis sodales...</p>
 </div>
 <div class="tab-pane" id="reviews">
  <p>Quisque et elit enim, eget placerat est...</p>
 </div>
</div>

Accordion

Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptates suscipit, hic ea itaque, corrupti eveniet facilis pariatur. Molestias, minima...
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptates suscipit, hic ea itaque, corrupti eveniet facilis pariatur. Molestias, minima...

<div class="accordion" id="accordion2">
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne">
        Collapsible Group Item #1
      </a>
    </div>
    <div id="collapseOne" class="accordion-body collapse in">
      <div class="accordion-inner">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptates suscipit, hic ea itaque, corrupti eveniet facilis pariatur. Molestias, minima...
      </div>
    </div>
  </div>
  <div class="accordion-group">
    <div class="accordion-heading">
      <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo">
        Collapsible Group Item #2
      </a>
    </div>
    <div id="collapseTwo" class="accordion-body collapse">
      <div class="accordion-inner">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. In voluptates suscipit, hic ea itaque, corrupti eveniet facilis pariatur. Molestias, minima...
      </div>
    </div>
  </div>
</div>