tabcordion

KO | EN

gitlite — search

#python #typescript #llm #golang #go #android #linux #macos #nodejs #java #windows #pytorch #ios #mcp

(★ 92)

A jQuery plugin that transforms Bootstrap tabs to an accordion and vice versa. Useful for responsive mobile sites.

tabcordion Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Bootstrap Tabcordion

First it's tabs, now it's an accordion - it's a **TABCORDION**!

A simple jQuery plugin that transforms a set of Bootstrap tabs into a Bootstrap accordion. It can be configured to perform this transformation based on the size of the container or viewport to provide responsive awesomeness to your buzzword-rich UI.

## Usage

### From JavaScript

$('.tabcordion').tabcordion()

### Markup

<div class="tabcordion">
	  <ul class="nav nav-tabs">
	    <li class="active"><a data-target=".home">Home</a></li>
	    <li><a data-target=".profile">Profile</a></li>
	    <li><a data-target=".messages">Messages</a></li>
	    <li><a data-target=".settings">Settings</a></li>
	  </ul>
	  <div class="tab-content">
	    <div class="home active in">
	      <h3>Home</h3>
	      <p>Rhoncus magna nec enim, et proin aliquet mid, porta magnis.</p>
	    </div>
	    <div class="profile">
	      <h3>Profile</h3>
	      <p>Odio mattis, non ut! Porttitor nunc phasellus cras elementum.</p>
	    </div>
	    <div class="messages">
	      <h3>Messages</h3>
	      <p>Enim hac tristique elementum, nec rhoncus porttitor sagittis cum.</p>
	    </div>
	    <div class="settings">
	      <h4>Settings</h4>
	      <p>Arcu auctor, porttitor tincidunt, aliquam ut ut, placerat porta pulvinar dictumst?</p>
	    </div>
	  </div>
	</div>

## Installation

bower install tabcordion

## Dependencies

Depends on the [Bootstrap collapse plugin](http://getbootstrap.com/javascript/#collapse).

tabcordion

tabcordion Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

tabcordion

tabcordion Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README