Insert Tabbed Content in any single post

I was confused to insert tabs in a single post.
First choice: using a Wordpress Post Tabs plugin and adding custom CSS, but I think it can not add custom JS.
Second choice: modifying the wordpress php file, but which one?. I would like to make like this
Can anyone help me please?

Hi odieardhia69 welcome to the forum

The wschools example is not adding tabs, it is using JavaScript to modify class attribute values.
And it also uses custom CSS to give the appearance of tabbed content.

You missed seeing

<link rel="stylesheet" 
href="http://www.w3schools.com/lib/w3.css">

EDIT
There is no such thing as a <tab> tag.

The closest thing I could think of (other than <pre>) is a misuse of <blockquote>

<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Blockquotes for Tabs test</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<style>
blockquote {
 display: inline;
}
</style>
</head>
<body>
<h1>Blockquotes for Tabs test</h1>
<div>First<blockquote>Second<blockquote>Third</blockquote></blockquote></div>
</body>
</html>

Note that although it “works” it goes against both using semantic tags and not using tags because of their default style.

i.e. in this case, the content is not a quote, and it is being (ab)used to get the default spacing.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.