Skip to content

This repo consists of three different custom implementations of tabs that are mobile friendly and use transitions for slide effect.

Notifications You must be signed in to change notification settings

rinaldolobo/sliding-tabs

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

sliding_tabs

This repo consists of three different implementations of tabs:

  1. Sliding tabs using bootstrap and jquery mobile. This is a basic implementation that uses jquery Mobile swipe feature in mobile as well as desktop and moves the focus to the next or previous slide depending on the direction of swipe. It uses bootstrap for responsive design and formatting. Demo: http://ronlobo.000webhostapp.com/sliding-tabs-bt/index.php

  2. Sliding tabs without bootstrap. This is a basic implementation that uses jquery Mobile swipe feature in mobile as well as desktop and moves the focus to the next or previous slide depending on the direction of swipe. It does not use bootstrap. Demo: http://ronlobo.000webhostapp.com/sliding-tabs-bt/index.php

  3. Sliding tabs(nested) without jquery mobile and bootstrap. This is a more complex implementation that uses a custom swipe event that detects swipe gesture in mobile and moves the focus to the next or previous slide depending on the direction of swipe. It also facilitates nesting of tabs upto level 4. Demo: http://ronlobo.000webhostapp.com/sliding-tabs-nested/index.php

About

This repo consists of three different custom implementations of tabs that are mobile friendly and use transitions for slide effect.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published