How to put tabs in your content.

I have copied the code exactly, however I cannot get the 4th and 5th tab to work. What I'm I doing wrong? Please help.

<div class="userTabs" id="Tabs">
<ul class="tab-list">
<li><a href="#6261tab1">2017 International Eval</a></li>
<li><a href="#6261tab2">2017 Events</a></li>
<li><a href="#6261tab3">Black History</a></li>
<li><a href="#6261tab4">2016 Events</a></li>
<li><a href="#6261tab5">Past Events</a></li>
</ul>

<div id="6261tab1">
<p style="text-align: center;"> </p>

<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1HT2UmDpb...rue&delayms=3000 " webkitallowfullscreen="true" width="600">

</div>

<div id="6261tab2">
<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1ygKFWGYZ...rue&delayms=3000 " webkitallowfullscreen="true" width="600">

</div>

<div id="6261tab3">
<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1evKHrFvp...rue&delayms=3000 " webkitallowfullscreen="true" width="600">

<div id="6261tab4">
<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1F0Ttx4e7...rue&delayms=3000 " webkitallowfullscreen="true" width="600">

<div id="6261tab5">
<p style="text-align: center;"><iframe allowfullscreen="true" frameborder="0" height="366" mozallowfullscreen="true" src=" docs.google.com/presentation/d/1vdKmZ1vP...rue&delayms=3000 " webkitallowfullscreen="true" width="600">

</div>
</div>
</div>
</div>

Fix your code you have a bunch of div at the bottom show be one closing each tab.

Thank you so much it works Yippy I can sleep now

Evab wrote: Thank you so much it works Yippy I can sleep now

Care to share so we can admire your work?

Also please put your club number in your forum signature for fastest forum support response. See the CLICK HERE link for that in my signature below to access your forum profile to set it.

Sure
commerce.toastmastersclubs.org/Club_Pictures.html

Hope you like.

I was able to create slide show by watching this video, hope it helps others who do not want to use Flickr

Nice!

BTW, if you want, you can color in the white band around the iframes if you put something like the following on the divs:
Put whatever color you want there instead of lightblue:
www.w3schools.com/colors/colors_names.asp