Tabs shortcode not working

This page works perfectly. I have one like this for 2016, 2015, and 2014.

What I want to do is have a horizontal menu that looks like this:

2017 2016 2015 2014

When I click on a year it will bring up the corresponding tab so for example if I click on 2017, the contents of the following page will be displayed. Any ideas?

http://sd.mcran.com/wp/january-episodes/

Here is the code for this page:

[su_tabs]

[su_tab title="January"][xyz-ihs snippet="2017-january"][/su_tab]

[su_tab title="February"][xyz-ihs snippet="2017-february"][/su_tab]

[su_tab title="March"][xyz-ihs snippet="2017-march"][/su_tab]

[su_tab title="April"][xyz-ihs snippet="2017-april"][/su_tab]

[su_tab title="May"][xyz-ihs snippet="2017-may"][/su_tab]

[su_tab title="June"][xyz-ihs snippet="2017-june"][/su_tab]

[su_tab title="July"][xyz-ihs snippet="2017-july"][/su_tab]

[su_tab title="August"][xyz-ihs snippet="2017-august"][/su_tab]

[su_tab title="September"][xyz-ihs snippet="2017-september"][/su_tab]

[su_tab title="October"][xyz-ihs snippet="2017-october"][/su_tab]

[su_tab title="November"][xyz-ihs snippet="2017-november"][/su_tab]

[su_tab title="December"][xyz-ihs snippet="2017-december"][/su_tab]

[/su_tabs]

If I wrap this code in a new tab it doesn’t work. Nothing is displayed.