Hey! Do you have any query related to front end?

Sign in Sign up

Tab 2 accordion responsive pluginBack

Tabs to accordion never been an easy task, many of developer makes two versions, one for desktop and another for mobile, which leads to extra coding as well as extra elements on page, adding to this page loading speed goes verse. So here is a very simple way to show tabs into accordion during window resize. This plugin is very small and banificial for user to go with tabs in desktop version and forget about mobile version. Plugin simply grabs those tabs and sets it into an accordion.

It is quiet simple to add this plugin.

HTML structure

List of tabs

  • Home
  • About
  • Services
  • Contact

Tabs details


Website where you can post your query and clarify your doubts.


Provides free script, from small scripts to plugins and supports user to user it on their website. It also provides videos for complex scripts so that on can understand the solution by reading as well as by watching.


Step 1

Get window size and call .respTabAccord() with options within document ready.

	transition : 'fade',
	speed : 400,

Step 2

Call accordion() and tabSetup() according to window size you want. Such as:

if(window_w <= 640){

Step 3

Call step 2 within window resize function after getting window width, DONE... :)

How to comment:

  • Create an account in discuss by clicking on login next to arrow.
  • Create password for discuss and varify your email id, through your mail.
  • Refresh page and comment.

You might also like

  • Pure css3 accordion

    A pure css3 accordion which has been created by target pseudo selector.

    • 449
    • 21
    • 449
    • facebook icon
    • twitter icon
    • google plus
  • Copy text to clipboard

    Copy text from browser to your clipboard and paste as per your requirement.

    • 379
    • 2
    • 379
    • facebook icon
    • twitter icon
    • google plus
  • Bubbler popup

    This bubbler effect is created by CSS3 transform

    • 382
    • 11
    • 382
    • facebook icon
    • twitter icon
    • google plus

Latest quries posted

gopa kumarabout 4 years ago

amit singhabout 4 years ago

rahmat aliabout 4 years ago

mandavi tiwariabout 4 years ago

rahul sharmaabout 4 years ago

Ask question
Latest video
Learn Angular
Profile pic
Guest Back