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');
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
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.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Mit über 20 Jahren Erfahrung in IT und digitalen Lösungen – auch im FinTech‑Bereich – erweitern wir jetzt unser Spektrum Richtung KI, um mittelständischen Unternehmen zu helfen, smarter und effizienter zu wachsen. Von Hamburg aus liefern wir schnelle, skalierbare Technologie mit globalem Weitblick und lokaler Umsetzung.
Um dir das bestmögliche Erlebnis zu bieten, verwenden wir Technologien wie Cookies, um Informationen zu speichern und/oder darauf zuzugreifen. Durch deine Zustimmung zu diesen Technologien können wir Daten wie dein Surfverhalten oder eindeutige IDs auf dieser Webseite verarbeiten. Ohne Zustimmung oder bei Widerruf der Zustimmung können bestimmte Funktionen beeinträchtigt werden.