回答編集履歴
2
訂正
test
CHANGED
|
@@ -21,7 +21,8 @@
|
|
|
21
21
|
var show = 6; //最初に表示する件数
|
|
22
22
|
var num = 3; //clickごとに表示したい件数
|
|
23
23
|
var contents = '.list li'; // 対象のlist
|
|
24
|
-
$(contents + ':visible:eq(n + ' + (show + 1) + ')').addClass('is-hidden');
|
|
24
|
+
// $(contents + ':visible:eq(n + ' + (show + 1) + ')').addClass('is-hidden'); 訂正
|
|
25
|
+
$(contents + ':visible').slice(show).addClass('is-hidden');
|
|
25
26
|
$('.more').on('click', function () {
|
|
26
27
|
$(contents + '.is-hidden').slice(0, num).removeClass('is-hidden');
|
|
27
28
|
if ($(contents + '.is-hidden').length == 0) {
|
1
コメントを受けて追記
test
CHANGED
|
@@ -6,3 +6,28 @@
|
|
|
6
6
|
search_filter();
|
|
7
7
|
});
|
|
8
8
|
```
|
|
9
|
+
|
|
10
|
+
---
|
|
11
|
+
|
|
12
|
+
### コメントを受けて追記
|
|
13
|
+
|
|
14
|
+
>__実現したいのは、絞り込み後も対象数が7以上の場合7番目以降を非表示にしmoreボタンをクリックで追加表示を実装したいです。__
|
|
15
|
+
|
|
16
|
+
```js
|
|
17
|
+
$(document).on('change', searchBox + ' input', function () {
|
|
18
|
+
$('.is-hidden').removeClass('is-hidden'); /* 追加 */
|
|
19
|
+
search_filter();
|
|
20
|
+
/* 追加ここから */
|
|
21
|
+
var show = 6; //最初に表示する件数
|
|
22
|
+
var num = 3; //clickごとに表示したい件数
|
|
23
|
+
var contents = '.list li'; // 対象のlist
|
|
24
|
+
$(contents + ':visible:eq(n + ' + (show + 1) + ')').addClass('is-hidden');
|
|
25
|
+
$('.more').on('click', function () {
|
|
26
|
+
$(contents + '.is-hidden').slice(0, num).removeClass('is-hidden');
|
|
27
|
+
if ($(contents + '.is-hidden').length == 0) {
|
|
28
|
+
$('.more').fadeOut();
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
/* 追加ここまで */
|
|
32
|
+
});
|
|
33
|
+
```
|