How to build simple tabs with jQuery

Question

Which works great in websites I create my self and with no JS the tabs act as jump links to the relevant sections. When placed in the bespoke CMS I am forced to use at the moment the jump links don't work. I have tried adding more relative links to the tabs which makes it work with no JS but with JS the tabbed content doesn't show.

Answer 1

Create Tabs Using jQuery and CSS

1. Create Tab: I use an unordered list to create tabs. The unordered list items are hyperlinks (anchor tag).
2. Content For Tabs: I have two div elements.
3. Use tabs() Function: I use the tabs() method to create tabs and we get the id of the div that has all the content.
4. Output.