teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

説明追記

2021/11/03 03:40

投稿

hatena19
hatena19

スコア34367

answer CHANGED
@@ -1,4 +1,20 @@
1
1
  ```js
2
2
  $acpanel.hide().first().slideDown("easeOutExpo");
3
3
  ```
4
- 上記の`.first().slideDown("easeOutExpo");`で最初のメニューを表示していますので、当然の動作です。これを削除すれば表示されないでしょう。
4
+ 上記の`.first().slideDown("easeOutExpo");`で最初のメニューを表示していますので、当然の動作です。これを削除すれば表示されないでしょう。
5
+
6
+ ---
7
+ 上記だけだと、ページを読み込んだとき、メニューがすべて表示された状態で開き、すぐに閉じるという動作になります。
8
+ これが、想定した動作ならいいのですが、最初から非表示にしたいのなら、jQueryで非表示にするのではなく、
9
+ CSSで非表示にしておくといいでしょう。
10
+
11
+ ```css
12
+ .acd-group > .acd-des {
13
+ display: none;
14
+ }
15
+ ```
16
+
17
+ ```js
18
+ $acpanel.hide() //.first().slideDown("easeOutExpo"); 後半削除
19
+ // $acsnav.first().parent().addClass("acd-active"); ここも削除
20
+ ```