teratail
回答率
85.48%
質問するログイン新規登録
トップJavaScriptに関する質問JS　アコーディオン 閉じれない

編集履歴

回答編集履歴

3

コード修正

2022/06/30 06:42

投稿

hatena19
hatena19

スコア33715

test CHANGED
@@ -7,7 +7,7 @@
7
7
  var d_num = 6; //最初表示させたい個数を指定
8
8
  $('.accordion_box .accordion_btn.trigger').on('click', function () {
9
9
  $(this).parents('.accordion_box')
10
- .find('.accordion1 span.wpcf7-list-item:gt('+(d_num-1)+')');
10
+ .find('.accordion1 span.wpcf7-list-item:gt('+(d_num-1)+')')
11
11
  .slideToggle('fast');
12
12
  if ($(this).text() === '閉じる') {
13
13
  $(this).text('さらに表示する');

2

コード追加

2022/06/30 06:27

投稿

hatena19
hatena19

スコア33715

test CHANGED
@@ -4,20 +4,19 @@
4
4
  ```js
5
5
  //アコーディオン
6
6
  $(function () {
7
- var d_num = 6; //最初表示させたい個数を指定
7
+ var d_num = 6; //最初表示させたい個数を指定
8
- $('.accordion_box .accordion_btn.trigger').on('click', function () {
8
+ $('.accordion_box .accordion_btn.trigger').on('click', function () {
9
- var h_tag = $(this).parents('.accordion_box').find('.accordion1 span.wpcf7-list-item.none');
9
+ $(this).parents('.accordion_box')
10
- if (h_tag.length == 0) {
11
- //0なら開いた後なので、初期状態に戻す
12
- $('.accordion1 span.wpcf7-list-item:nth-child(n + '+ (d_num + 1) + ')').slideUp('fast').addClass('none');
10
+ .find('.accordion1 span.wpcf7-list-item:gt('+(d_num-1)+')');
11
+ .slideToggle('fast');
12
+ if ($(this).text() === '閉じる') {
13
- $('.trigger').text('さらに表示する')
13
+ $(this).text('さらに表示する');
14
- } else {
14
+ } else {
15
- h_tag.slideDown('fast').toggleClass('none'); //num個までの非表示要素を開いて.noneを外す
16
- $('.trigger').text('閉じる')
15
+ $(this).text('閉じる');
17
- }
16
+ }
18
- });
17
+ });
19
18
  });
20
19
  ```
21
20
  Codepenサンプル
22
- [jQuery アコーディオン開閉](https://codepen.io/hatena19/pen/gOebMxb)
21
+ [jQuery アコーディオン開閉](https://codepen.io/hatena19/pen/eYMmdra)
23
22
 

1

コード修正

2022/06/30 05:49

投稿

hatena19
hatena19

スコア33715

test CHANGED
@@ -5,13 +5,10 @@
5
5
  //アコーディオン
6
6
  $(function () {
7
7
  var d_num = 6; //最初表示させたい個数を指定
8
-
9
8
  $('.accordion_box .accordion_btn.trigger').on('click', function () {
10
9
  var h_tag = $(this).parents('.accordion_box').find('.accordion1 span.wpcf7-list-item.none');
11
-
12
10
  if (h_tag.length == 0) {
13
11
  //0なら開いた後なので、初期状態に戻す
14
- console.log(d_num + 1);
15
12
  $('.accordion1 span.wpcf7-list-item:nth-child(n + '+ (d_num + 1) + ')').slideUp('fast').addClass('none');
16
13
  $('.trigger').text('さらに表示する')
17
14
  } else {