Pete Love's Responsive-Tabs jQuery script can be used to display content in tabs at regular desktop widths which automatically collapses to a accordion view at a specific width (767px by default, configurable).
Follow the steps below to use it in your WordPress site.
First, screenshots.
768px and above:
767px and below:
Screencast:
Step 1
Upload responsiveTabs.min.js to js directory (create if not existing) under the active theme and responsive-tabs.css to css directory (create if not existing) under the active theme.
Step 2
Create a file named say, responsiveTabs.min.init.js under child theme's /js having this code:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.