https://github.com/marco3211/jquery-multitabs

A jQuery plugin for nested tabs.
https://github.com/marco3211/jquery-multitabs

javascript jquery jquery-plugin

Last synced: 2 months ago
JSON representation

A jQuery plugin for nested tabs.

• Host: GitHub
• URL: https://github.com/marco3211/jquery-multitabs
• Owner: marco3211
• License: mit
• Created: 2017-12-16T14:12:54.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2023-02-27T18:29:39.000Z (almost 2 years ago)
• Last Synced: 2024-11-13T22:12:03.081Z (3 months ago)
• Topics: javascript, jquery, jquery-plugin
• Language: CSS
• Homepage: https://jsfiddle.net/marco321/87e3Lg53/
• Size: 168 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jQuery-multitabs

The easiest way to get up and running with nested tabs. 

## Installation

cdn:

```html

```

npm:

`npm i jquery-multitabs`

## Usage

```html



  


    
Tab 1

    
Tab 2

    
Tab 3

  

  


    


      


        


          
Sub Tab 1

          
Sub Tab 2

          
Sub Tab 3

          
Sub Tab 4

        

        


          
Sub Tab Content 1

          
Sub Tab Content 2

          
Sub Tab Content 3

          


            


              


                
Sub Tab Level 3 - 1

                
Sub Tab Level 3 - 2

              

              


                
Sub Tab Content Level 3 - 1

                
Sub Tab Content Level 3 - 2

              

            

          

        

      

    

    
Tab Content 2

    
Tab Content 3

  

```


You can nest unlimited tabs, here are several [examples](https://jsfiddle.net/marco321/87e3Lg53/).

To get up and running with the plugin, all you have to do is: 

```javascript

$(function() {

  $('.tab1').multitabs();

});

```

## Roadmap 

- ~~More flexibility to add nested tabs (right now it only supports 1 extra level of nested  tabs)~~.

- An API to add, remove a tab. 

- ... More to come

## Changelog

### 1.1.0

- Removed `data-child` attribute dependency, allowing unlimited nested tabs. 

This project is licensed under [MIT](https://github.com/marco3211/jquery-multitabs/blob/master/LICENSE).