please help me to make this Tabbed Content

[saeedshabani]

I want to make a Tabbed Content like what you see in this below picture.

[see in large size](http://img.im/i/src-9741-n1ovg8/8000.jpg “large”)

I try to make this Tabbed Content([please see here](http://codepen.io/anon/pen/mntGk “tabbed content”)) but i think i cant make it please help me.

[Paulie_D]

Here….http://codepen.io/Paulie-D/pen/moiuD

Is that what you were after?

Be aware that the active class will have to be set by a piece of javascript…at least I think so.

I’ve included a version for a hover state rather than active.

[saeedshabani]

> Here….http://codepen.io/Paulie-D/pen/moiuD

> Is that what you were after?

yes it’s all i want but with click ability

[Paulie_D]

So do you want the sub menu to show when it’s active or hovered or both?

[saeedshabani]

> So do you want the sub menu to show when it’s active or hovered or both?

i want the sub menu to show when it’s active

[Paulie_D]

Oh…you want me to do all the work?

[saeedshabani]

> Oh…you want me to do all the work?

sorry.
please help me I’m amateur

[Paulie_D]

Fine…here you go…http://codepen.io/Paulie-D/pen/e3feffee5a0e1b9c018d1892c55c0b7a

To be frank, you need to work on your own coding skills in HTML/CSS and Javascript rather than just ask others.

For instance, do you know WHY this menu works the way it does?

Do you know how easily it will break?

If you can’t answer “Yes” to these, you need to find out…on your own.

I don’t claim to be an expert, merely an informed amateur and I have no doubt that others could easily improve on what I have put together.

[Author]

Posts