Skip to main content
How Can We Help?
-
Divi Quick tips and tricks
- Welcome Divi Quick tips and tricks tutorial
- How to start your initial build
- How to Configure Heading and text preset in divi builder
- How to Configure Row settings in Divi builder
- How to Configure Section settings in Divi builder
- How to Configure Blurb Settings in Divi Builder
- How to configure button presets
- Guidelines for adding Classes in divi builder
- How to Write Media Queries Properly According to Devices
- How to Create an Inner Page Banner in Divi Builder
- How to Optimize Images Without Opening Photoshop
- How to Crop an Image Instantly Without Opening Photoshop
- Best Color picker tool
- How to do bulk image optimization without losing image quality
- Best browser and extension to work with divi builder
- Best practice to download images from design file
- Open Or Edit any document in browser
- How to Change icon color in photoshop without designer help
- How to Write a Proper Note When You Need Clarification
- How to change PNG icon color by CSS
- Show Remaining Articles (5) Collapse Articles
-
Import & Export
-
Snippets
- AISEO FIX for divi 5
- Divi-accordion-closeable-Script
- Divi-Sub-Menu-Collaps-Functionality
- Wocommerce Basic Css
- Banner jumps during page load
- Blog List Filter Grid
- Header Layouts and CSS
- Mega Menu
- Button in the Canvas is not working
- To show full Image thumbnail for the gallery module Script code
- Tab Type Team Bio With Scroll Function js
- Media Query CSS
- Gravity Form Radio Button and checkbox styling
- Inline Book Page Logos for Forbes
- Sticky header sticks early
- Header Bounce Fix
- Woocommerce global button style
- Image Zoom on LightBox
- Divi FilterGrid: Link Menu Items to Active Category Filters
- Show Remaining Articles (4) Collapse Articles
-
Preferred plugins
-
Forbes sites
-
Tools and Extention
-
Technical Quality Assurance
-
Divi 5 Tips and Trics
-
Video Tutorial
-
Library
-
Quality Assurance
-
Guidelines & Notes
- Image Alt Text
- Security Audit checklist for WordPress
- Importing/Exporting WooCommerce Products
- Image Optimization Best Practices
- Site Speed Best Practices
- Team Tools
- Form Message - Forbes Sites
- Custom Top Bar
- AISEO FIX for divi 5
- Preferred Plugins List
- Social Network images in AIOSEO
- Purehealthpeptides.com - Rules
- Use a custom button for Gravity Forms
- Activate Magnific Popup in DIVI
- Any Basic Information can be found here
- To show full Image thumbnail for the gallery module Script code
- Slick Slider Integration
- Attention needed - Clinical Enrollment dev site protection issues
- layout/Functionality Notes
- Consistency in Builds
- Freshysites Website rules checklist
- Beaver Builder learning
- Migrating Posts with Featured Images
- Woocommerce FS
- Overview of QA/QC Process Changes
- Divi - adding custom fonts
- Image Optimization
- Vimeo Video
- Add woff and woff2 fonts to Divi
- Payment Reciept Notification Example
- Plugin notes plus update
- Retheme
- Miscellaneous WooCommerce Solutions
- Gravity Forms & Google reCAPTCHA v3 - New QA item
- How to use Search & Filter Pro FILTERS but with Divi FilterGRID
- Speed Issue
- Additional notes on how to use WP Rocket with Pressable (with examples)
- WP Rocket Configuration
- How to use Search & Filter Pro FILTERS but with Divi FilterGRID
- Developer Add Site Notes to CRM
- Image Resources
- Divi Cloud Templates
- Show Remaining Articles (27) Collapse Articles
-
Common use
-
Internal Quality Assurance
- General Asana Communication
- Admin Labels
- Divi Build Standards
- CSS - Do not hard code global text sizes. Use Divi present style feature instead
- Blog page - setup the blog page differently
- Clients Website Page Speed woes and Improvements
- Favicon setup (Appareance > Favicon) - see details --->
- Housekeeping
- CSS
- Design elements are carried through all pages
-
Design Quality Assurance
- All content is on the site that should be
- Content on the pages flows well
- Image and text treatment are consistent throughout site
- Content on the pages flows well
- Popups are designed to match the website aesthetic (if applicable)
- The site is easy and clear to navigate
- It's a positive user experience
- It's easy for end users to find the information on the site that's associated with the main site goal
- Social media links are connected to the correct accounts
-
Woocommerce
-
Announcement
- Carousels on mobilie device - NN/G
- Slick Slider on Divi5
- Regarding the Divi 5 variables for font-size and spacing
- v3 Recaptcha
- Custom Fonts
- Regarding QA
- SEO process
- Divi5 Overview
- Figma to Divi Convert Font Size guildline
- Image Resources
- Pro tip for your build team regarding images and sizing
- September 2026 Notes:
- WP Store locator updated
-
Explore
Print
Script to open a specific tab from the menu click in Divi 5
Posted
Updated
Byattractiveuidesign
// //Link to specific Tab
(function($) {
$(document).ready(function() {
function handleTabAndScroll(hash) {
if (!hash) return;
var $targetTabContent = $(hash);
if ($targetTabContent.length && $targetTabContent.hasClass('et_pb_tab')) {
var $tabsContainer = $targetTabContent.closest('.et_pb_tabs');
var tabIndex = $targetTabContent.index();
var $navItems = $tabsContainer.find('.et_pb_tabs_controls li');
var $activeNavItem = $navItems.eq(tabIndex);
if (!$activeNavItem.hasClass('et_pb_tab_active')) {
$activeNavItem.find('a').trigger('click');
}
setTimeout(function() {
var offset = 120;
$('html, body').stop().animate({
scrollTop: $tabsContainer.offset().top - offset
}, 1000, 'swing');
}, 400);
}
}
if (window.location.hash) {
setTimeout(function() {
handleTabAndScroll(window.location.hash);
}, 500);
}
$(window).on('hashchange', function() {
handleTabAndScroll(window.location.hash);
});
$('a[href*="#"]').on('click', function(e) {
var url = new URL(this.href);
var hash = url.hash;
if (hash === '#current' || hash === '#dominican' || hash === '#oldjrnl') {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
e.preventDefault();
handleTabAndScroll(hash);
history.pushState(null, null, hash);
}
}
});
});
})(jQuery);
// end for custom tab
Table of Contents