WordPress.org

Plugin Directory

WP Tab Anchors

This plugin allows you to permalink (i.e., bookmark) to content on Twitter Bootstrap 3 tabs via hash tag links.

This plugin allows you to permalink (i.e., bookmark) to content on Twitter Bootstrap tabs (and now content inside collapsible components) via hash tag links.

Out-of-the-box, Bootstrap 3 won't allow you to permalink to content inside the tabs. This plugin activates the tab containing the permalinked content and then scrolls the page to the hash mark (i.e., to the HTML element with the ID specified in the URL's hash mark). You don't even have to know which tab the content is on; the plugin figures it out. It does this so quick you really won't notice all this going on. Page visitors who arrive using your permalink will pretty much immediately see the content you permalinked.

Here's an example: You have an element inside a collapsed tab you want to link to. Give the element an ID (e.g., <div id="mylink"> ... </div>). Then, use that ID in the URL (e.g., http://www.mydomain.com/page/#mylink). That will activate the tab and scroll the page to the location of the ID.

If you don't want the page to scroll automatically, there's an option in the WordPress admin dashboard (Settings > WP Tab Anchors) to disable the auto scrolling --enabled by default. This option will enable/disable the jQuery scrolling plugin from loading on your site. That means, if you change this setting and use a site caching plugin, you might need to clear your site cache to ensure the scrolling is truly enabled or disabled.

You can contribute to this plugin here: https://github.com/marinersmuseum/WP-Tab-Anchors

Tags: ,

Requires: 3.8 or higher
Compatible up to: 4.5.3
Last Updated: 1 month ago
Active Installs: 80+

Ratings

5 out of 5 stars

Support

Got something to say? Need help?

Compatibility

+
=
Not enough data

0 people say it works.
0 people say it's broken.