タブ用ショートコードと、ページ内リンクについて

[toshibo3]

いつもお世話になります。
使いやすいテーマと、親切なサポートをありがとうございます。

タブ用ショートコードと、ページ内リンクの関係にご指導ください。

第１タブへ記載したアンカーへは、リンクが効くのですが、第２タブ以降は無視されてしまいます。

実例は、以下の通りです。

■ リンク

001

002

003

■ タブ用ショートコード

[tabs]

[tab title=”００１”]

００１　００１　００１

[/tab]

[tab title=”００２”]

００２　００２　００２

[/tab]

[tab title=”００３”]

００３　００３　００３

[/tab]

[/tabs]

解決方法がございましたら、ご指導ください。
お手数ですが、よろしくお願いします。

[toshibo3]

いつもお世話になります。
使いやすいテーマと、親切なサポートをありがとうございます。
タブ用ショートコードと、ページ内リンクの関係にご指導ください。
第１タブへ記載したアンカーへは、リンクが効くのですが、第２タブ以降は無視されてしまいます。

※　実例は、添付いたします。

解決方法がございましたら、ご指導ください。
お手数ですが、よろしくお願いします。

添付ファイル:

添付ファイルを開くにはログインしてください。

[DigiPress サポート]

無視ではなく、正確には「第1タブ(のコンテンツ)」がオープンされている状態で「(隠れている)第2タブ」にあるIDに対するハッシュリンクをクリックしても、タブ自体がCSSで非表示になっているため、見た目には何も動作は起きません。

タブは「クリック」動作をJavascriptで検知して表示するものであり、ハッシュリンクのクリックなどは当然検知されません。

ハッシュリンクでのページ内のポイント移動とタブ用ショートコードを組み合わせる必要があるのかを含め、コンテンツの制御を見なおしてください。

[toshibo3]

　ご回答をありがとうございます。
　素人で申し訳ございません。

　サイドメニューもしくはリスティング広告から、第２タブ以降に記載したIDの箇所へジャンプするのが目的でした。
　サイドメニューをつくる前に、ページ内リンクで実験をしてみました。
　試してみたら動作しなかったので、質問をさせてもらいました。

　第１タブ内のIDへはリンクが効くけれど、第２タブ以降のIDへはジャンプできないのですね。
　勉強になりました。

　ありがとうございます。

[投稿者]

投稿