Nested Shortcode Don't Work

Hi there,

I’ve been trying to created a vertical tab with a slider in each tab, but have failed to succeed so far.

I got this code so far (I’ve tried replacing the square brackets with {}, but had no success).

<h2>Vertical tabs</h2>
[su_tabs vertical="yes"]
[su_tab title="Tab 1"] <h2>Default tab 1</h2>
[su_slider source="media: 774,773,772,771,770,769,768,767" limit="6" width="540" height="260" title="no" mousewheel="no"] [/su_tab]
[su_tab title="Tab 2"] <h2>Default tab 2</h2>
[su_slider source="media: 774,773,772,771,770,769,768,767" limit="6" width="540" height="260" title="no" mousewheel="no"]
[/su_tab]
[su_tab title="Tab 3"] <h2>Default tab 3</h2>
[su_slider source="media: 774,773,772,771,770,769,768,767" limit="6" width="540" height="260" title="no" mousewheel="no"] [/su_tab]
[/su_tabs]

As you can see on the page, some images do show, but most of them don’t and the navigation isn’t working either.

Could anyone point out to me what I am doing wrong?

Cheers,
Don

https://wordpress.org/plugins/shortcodes-ultimate/