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 1Upload 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 2Create 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.