【wordpress】別タブにあるアンカーリンクに飛ばしたい【shortcodes ultimate】

お世話になります。
現在用語集的なページを作成していて、プラグインのshortcords ultimateのタブであいうえお順に切り替えています。
各用語のboxにアンカーリンクを設置し、デフォルトで開いているタブにはうまく飛べるのですが、別タブへのリンクが希望通りに飛べずデフォルトで開いているページに飛んでしまいます。
該当するタブへ飛ばすにはどうしたらよいでしょうか？

【追記1】
不親切な書き方で大変申し訳ございません。
HTMLを記載させていただきます。

HTML
1[su_tabs active="1"] ...ひとつめのタブがデフォルトで表示される設定
2  [su_tab title="A"] ...Aから始まる用語が格納されたタブ
3    <a id="tab-a-1"> ...各用語にアンカーリンクを設置
4     <dl>
5      <dt>Apple</dt>
6        <dd>appleについての説明文</dd>
7     <dl>
8    </a>
9
10    <a id="tab-a-2">
11     <dl>
12      <dt>Art</dt>
13        <dd>artについての説明文</dd>
14     <dl>
15    </a>
16   ...
17  [/su_tab]
18
19  [su_tab title="B"]
20    <a id="tab-b-1">　←ここに飛ばしたい場合の方法を知りたい
21     <dl>
22      <dt>Bee</dt>
23        <dd>beeについての説明文</dd>
24     <dl>
25    </a>
26   ...
27  [/su_tab]
28[su_tabs]

<a href="URL/#tab-a-1">Apple</a>
で飛ばした場合は目的の箇所に飛びますが、

<a href="URL/#tab-b-1">Bee</a>
の場合はAppleに飛んでしまいます。
Beeに飛ばす方法が知りたいです。

よろしくお願いいたします。

【追記2】
javascriptでコントロールする必要があるとご回答をいただきました。
jsには明るくないのでお知恵をお借りしたく思います。

行動規範の内容に同意します

回答1件

出先で試す環境がないので、ドキュメントとサンプルを見ての回答ですが...

<a href="URL/#tab-b-1">Bee</a>

の場合はAppleに飛んでしまいます。

Apple に飛んでいるというのは、どのように確認したのでしょうか？
画面の見た目でしょうか？

Shortcodes Ultimate プラグインのタブ切り替え機能は、class に su-tabs-pane-open がついているタブが画面に表示される様になっています。

そのため、おそらく指定された ID にはジャンプしていますが、タブが切り替わらずに表示しているタブのままになっているため、画面では別の箇所にジャンプしたように見えていると思います。

アンカーをクリックして、別のタブにジャンプする場合は、現在表示しているタブの class から su-tabs-pane-open を削除して、表示したいタブの class に su-tabs-pane-open を付加するような JavaScript を用意する必要があるのではないかと思います。

投稿2020/11/20 04:12