回答編集履歴
1
追加
test
CHANGED
@@ -3,3 +3,37 @@
|
|
3
3
|
例えばアンカーリンクをつけるなどして開閉状態を示すものをつけなければいけません。
|
4
4
|
|
5
5
|
アンカーリンクによって動作を分岐(読み込み完了時の開閉を指定)するには[こちら](https://www.tam-tam.co.jp/tipsnote/javascript/post9911.html)のサイトが参考になると思います。
|
6
|
+
|
7
|
+
|
8
|
+
|
9
|
+
簡単に言うとJSのifで分岐しているのがわかると思います。そこでもしも`#osaka`だったら`$('.hash').append('<p>大阪です</p>');`違ったら`$('.hash').append('<p>大阪ではありません</p>');`をすると言う意味です。そこをCSSを適応する記述に書き換えればいけると思います。
|
10
|
+
|
11
|
+
そこはGoogle等で調べれば多くのやり方が書いてあるので自分のわかりやすい方法でやってみてください。
|
12
|
+
|
13
|
+
> ```Javascript
|
14
|
+
|
15
|
+
> // URLのアンカー(#以降の部分)を取得
|
16
|
+
|
17
|
+
> var urlHash = location.hash;
|
18
|
+
|
19
|
+
|
20
|
+
|
21
|
+
> // URLにアンカーが存在する場合
|
22
|
+
|
23
|
+
> if(urlHash){
|
24
|
+
|
25
|
+
> // アンカーが#osakaかどうかを判断する
|
26
|
+
|
27
|
+
> if (urlHash == '#osaka') {
|
28
|
+
|
29
|
+
> $('.hash').append('<p>大阪です</p>');
|
30
|
+
|
31
|
+
> } else {
|
32
|
+
|
33
|
+
> $('.hash').append('<p>大阪ではありません</p>');
|
34
|
+
|
35
|
+
> }
|
36
|
+
|
37
|
+
> }
|
38
|
+
|
39
|
+
> ```
|