# jquery-tab

**Repository Path**: summer2016/jquery-tab

## Basic Information

- **Project Name**: jquery-tab
- **Description**: a jQuery tab sheet plugin 一个jQuery tab页切换插件
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2015-10-06
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# jquery-tab
make flat html document that contains title and normal content turns into tab style.

# Usage:

html document:
``` html
	<div class="tab-container">
	  <h1>title</h1>
	  <p>content</p>
	  <p>content</p>
	
	  <h1>title</h1>
	  <p>content</p>
	  <p>content</p>
	</div>
```	

javascript code:
``` javascript
	$('.tab-container').tab({
		'fixedHeight':true,
	});
```

# Generated Html Structure
```
.tab-container
    .label-container
        .label-item
        .label-item
        .label-item
        .label-item
        ...
    .page-container
        .page-item
        .page-item
        .page-item
        .page-item
        ...
```