# Creating tabbed contents

**URL:** https://meta.discourse.org/t/creating-tabbed-contents/77484
**Category:** Support
**Created:** [January 8, 2018, 3:36pm UTC](https://meta.discourse.org/t/creating-tabbed-contents/77484 "2018-01-08T15:36:52Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![PaulSTC](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/paulstc/32/86814_2.png) [@PaulSTC](https://meta.discourse.org/u/PaulSTC)
#### Post date: [January 8, 2018, 3:36pm UTC](https://meta.discourse.org/t/creating-tabbed-contents/77484/1 "2018-01-08T15:36:52Z")

</div>

I’d like to enable users to post content with ‘tabs’.

I host a forum where users share and discuss problem-solving case studies. I want to have tabbed contents to allow viewers to think of their own answers for each part, before clicking ahead to view the answer or the next part of the problem. This would make the cases much more fun to read.

The only thing I can think of is using nested ‘hidden text’ - which isn’t very elegant or easy for general users. For example, it took reasonable effort to make the following content-

########################  
Part 1 of case study

> **What is the best next step?**
>
> Answer to Part 1
> 
> ########################
> 
> Part 2 of case study
> 
> > **What is the best next step?**
> >
> > Answer to Part 2
> > 
> > ########################
> > 
> > Part 3 of case study
> > 
> > > **What is the best next step?**
> > >
> > > Answer to part 3. The End.

,

########################  
.  
There seems to be easier ways of doing it in CSS/javascript/wordpress by using tabs:

- [How To Create Tabs](https://www.w3schools.com/howto/howto_js_tabs.asp)
- [Plugins categorized as responsive tabs | WordPress.org](https://wordpress.org/plugins/tags/responsive-tabs/)
- [http://www.wpbeginner.com/plugins/how-to-add-tabbed-content-in-wordpress-posts-and-pages/](http://www.wpbeginner.com/plugins/how-to-add-tabbed-content-in-wordpress-posts-and-pages/)

Is there a way of creating a similar function in discourse?

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [January 9, 2018, 2:31am UTC](https://meta.discourse.org/t/creating-tabbed-contents/77484/2 "2018-01-09T02:31:27Z")

</div>

You could create a topic template in the relevant category, and the template would demonstrate how to do it as a pre-filled example.

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [June 8, 2024, 12:43pm UTC](https://meta.discourse.org/t/creating-tabbed-contents/77484/3 "2024-06-08T12:43:36Z")

</div>

This topic was automatically closed after 2342 days. New replies are no longer allowed.
