質問編集履歴

3

タグの追加、jsに関する追記

2020/11/21 07:31

投稿

Mmarie
Mmarie

スコア22

test CHANGED
File without changes
test CHANGED
@@ -8,7 +8,7 @@
8
8
 
9
9
 
10
10
 
11
- 【追記】
11
+ 【追記1
12
12
 
13
13
  不親切な書き方で大変申し訳ございません。
14
14
 
@@ -91,3 +91,11 @@
91
91
 
92
92
 
93
93
  よろしくお願いいたします。
94
+
95
+
96
+
97
+ 【追記2】
98
+
99
+ javascriptでコントロールする必要があるとご回答をいただきました。
100
+
101
+ jsには明るくないのでお知恵をお借りしたく思います。

2

HTMLと詳細の追記をしました

2020/11/21 07:30

投稿

Mmarie
Mmarie

スコア22

test CHANGED
File without changes
test CHANGED
@@ -5,3 +5,89 @@
5
5
  各用語のboxにアンカーリンクを設置し、デフォルトで開いているタブにはうまく飛べるのですが、別タブへのリンクが希望通りに飛べずデフォルトで開いているページに飛んでしまいます。
6
6
 
7
7
  該当するタブへ飛ばすにはどうしたらよいでしょうか?
8
+
9
+
10
+
11
+ 【追記】
12
+
13
+ 不親切な書き方で大変申し訳ございません。
14
+
15
+ HTMLを記載させていただきます。
16
+
17
+
18
+
19
+ ```HTML
20
+
21
+ [su_tabs active="1"] ...ひとつめのタブがデフォルトで表示される設定
22
+
23
+ [su_tab title="A"] ...Aから始まる用語が格納されたタブ
24
+
25
+ <a id="tab-a-1"> ...各用語にアンカーリンクを設置
26
+
27
+ <dl>
28
+
29
+ <dt>Apple</dt>
30
+
31
+ <dd>appleについての説明文</dd>
32
+
33
+ <dl>
34
+
35
+ </a>
36
+
37
+
38
+
39
+ <a id="tab-a-2">
40
+
41
+ <dl>
42
+
43
+ <dt>Art</dt>
44
+
45
+ <dd>artについての説明文</dd>
46
+
47
+ <dl>
48
+
49
+ </a>
50
+
51
+ ...
52
+
53
+ [/su_tab]
54
+
55
+
56
+
57
+ [su_tab title="B"]
58
+
59
+ <a id="tab-b-1"> ←ここに飛ばしたい場合の方法を知りたい
60
+
61
+ <dl>
62
+
63
+ <dt>Bee</dt>
64
+
65
+ <dd>beeについての説明文</dd>
66
+
67
+ <dl>
68
+
69
+ </a>
70
+
71
+ ...
72
+
73
+ [/su_tab]
74
+
75
+ [su_tabs]
76
+
77
+ ```
78
+
79
+ <a href="URL/#tab-a-1">Apple</a>
80
+
81
+ で飛ばした場合は目的の箇所に飛びますが、
82
+
83
+
84
+
85
+ <a href="URL/#tab-b-1">Bee</a>
86
+
87
+ の場合はAppleに飛んでしまいます。
88
+
89
+ Beeに飛ばす方法が知りたいです。
90
+
91
+
92
+
93
+ よろしくお願いいたします。

1

投稿したら全文表示されなかったため再編集

2020/11/20 03:48

投稿

Mmarie
Mmarie

スコア22

test CHANGED
File without changes
test CHANGED
@@ -4,6 +4,4 @@
4
4
 
5
5
  各用語のboxにアンカーリンクを設置し、デフォルトで開いているタブにはうまく飛べるのですが、別タブへのリンクが希望通りに飛べずデフォルトで開いているページに飛んでしまいます。
6
6
 
7
-
8
-
9
7
  該当するタブへ飛ばすにはどうしたらよいでしょうか?