Thanks for the fast response. The site is www.mbasforpeace.com but I removed the code since I was having problems.

I just recreated a quick test page so you can see: http://mbasforpeace.com/test-page/

I'm actually having two problems:

1) You will see the toggle is positioned within the tab but the overall div is cut short so that the content within the toggle is not over the white background.

2) How can I get more than one group of tabs to work? I tried changing the IDs so they are unique but only one content area can be displayed at a time. Ideally, I would want three groups of tabs, all open to the first tab. 

Hope that makes sense.

Having the same issue on this page: http://mbasforpeace.com/research/

Open the first toggle and you will see how the bullets and layout get all screwy. Supposed to be presenting this page this evening... eek!

Awesome! That fixed the #1 issue I listed above. Thanks.

Thoughts on the second issue I mentioned? How can I get more than one tab group on the page?

Also, thoughts on my third question? As a work-around, I added a bunch of [br] tags to manually fix the spacing. I just removed them so you could still see the issue: http://mbasforpeace.com/research/

Thanks again. Really appreciate the fast support.

Sure thing:

1) Please see 1.png and 2.png attached and referr to this sample page: http://mbasforpeace.com/test-page

In 1.png, you will see that although there are four tabs but only one box is showing up (for tabs 1 and 2). Here's the shortcode I have in there.

In 2.png, you will see what happens when I click tab 3. The content for tabs 1 and 2 go away.

What do I need to do that allow the first tab of BOTH to be visible at the same time?

[tabs tab1="Tab 1" tab2="Tab 2" ][tab id=1][toggle title="Toggle 1"]Toggle Content 1[/toggle][/tab][tab id=2]Content 2[/tab][/tabs]

[tabs tab3="Tab 3" tab4="Tab 4" ][tab id=3]Content 3[/tab][tab id=4]Content 4[/tab][/tabs]

2) Please refer to 3.png and this page: http://mbasforpeace.com/research/

When I click on a toggle box, the content that was part of the next section jumps up and overlaps the content from the top section. You will see that there are extra bullets that are part of the content below and the "key takeaways" header also moves up for some reason. Click on the actual toggle in the first section and you should see what I mean.

Thanks!!

Ok, just did. Same issue. I created both tabs using the shortcode generator exclusively and did not edit.

[tabs tab1="1" tab2="2" ][tab id=1]1 Content Here[/tab][tab id=2]2 Content[/tab][/tabs]

[tabs tab1="3" tab2="4" ][tab id=1]3 Content Here[/tab][tab id=2]4 Content[/tab][/tabs]

You'll notice that the IDs are the same... Not sure if that's causing a problem. Originally, I tried changing those but still no luck.

Hello again. Any update? Thanks!

Ah ok. That works. I thought maybe I was just doing something wrong. I'll look forward to the update.