Note: If you plan to use containers instead of images for the right tabs, then simply change the word "block" to "flex" in the code at 2 places. (It is commented in code on where to change, also shown in video tutorial)
#1
.dm-right-tab-content-active {
animation: rightTabReveal 0.5s forwards;
display: block; /*change to flex if using container*/
}
#2
//change block to flex if using container
dmRightTabs[currentIndex].style.display = 'block';
dmRightTabs[currentIndex].classList.add('dm-right-tab-content-active');
#1
DMmotionarts
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
#2
Subscribe and Like
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
#3
Elementor Templates
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
#1
Maintenance
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
#2
Research
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
#3
Deployment
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
High End Quality Products
Professional Elementor Tutorials
Marketing and Business
Deployment and Maintenance
High End Quality Products
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Professional Elementor Tutorials
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Marketing and Business
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Deployment and Maintenance
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Note: For the subcontent, use spacers or padding instead of margins, as margins might not get calculated correctly for height calculations. You can also manually add opened subcontent height if you still wish to use margin. Please refer to the video tutorial to understand it better and also some wordaround of this.
DMmotionarts
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Subscribe and Like
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Elementor Templates
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
