[tab]multiple menu on same page tab

[apple-idn]

Help Wanted

how work on same page with multiple menu data-tab

Problem

<div class="ui fluid secondary vertical pointing menu">
<a class="red item active" data-tab="1"> Menu 1 </a>
<a class="green item" data-tab="2">Menu 2 </a>
<a class="green item" data-tab="3">Menu 3 </a>
</div>
<div class="ui tab" data-tab="1">
for menu 1
</div>
<div class="ui tab" data-tab="2;3;">
for same menu '2 and menu 3'
</div>

[lubber-de]

• Use data-tab="2" also for the "Menu 3" item:

<a class="green item" data-tab="2">Menu 3 </a>

• Give the second tab the name 2

<div class="ui tab" data-tab="2">

See https://jsfiddle.net/0hqeay3v/

[ko2in]

I noticed from your fiddle, if two tab menu point to the same tab, the tab menu that currently clicked failed to mark as active.

Menu 1, OK

Menu 2 and 3 failed

[apple-idn]

@lubber-de @ko2in here's my question how to trick different data-tab item with one tab? How This work?

[ko2in]

@apple-idn Maybe, this is what you're looking for:

<div class="ui fluid secondary vertical pointing menu">
<a class="red item active" data-tab="tab-1"> Menu 1 </a>
<a class="green item" data-tab="global-tab">Menu 2 </a>
<a class="green item" data-tab="global-tab">Menu 3 </a>
</div>
<div class="ui tab" data-tab="tab-1">
for menu 1
</div>
<div class="ui tab" data-tab="global-tab">
for same menu '2 and menu 3'
</div>

I'm closing this since this is old issue and the usage question. Please feel free to reopen if it doesn't help.