http://nkstp.ir/JavaScripts/Directory/directory.js

1$(document).ready(function () {
2
3    moduleID.forEach(function (item,index) {
4
5        var parentElement = $(`#${$(`[id*=grid${item}]`).attr('id')}`);
6
7        parentElement.prev().find('[data-filter]').click(function () {
8            $.each(parentElement.prev().find('[data-filter]'), function () {
9                $(this).removeClass('active')
10            });
11            $(this).addClass('active')
12
13            switch ($(this).attr('data-filter')) {
14                case 'group':
15                    parentElement.css('display', 'block');
16                    $(`[id*=PagingNumber${item}]`).css('display', 'block');
17                    parentElement.closest('.dp-module-content').find("[data-moduleItem]").css('display', 'none'); // not complete
18
19                    break;
20                case 'items':
21                    parentElement.css('display', 'none');
22                    $(`[id*=PagingNumber${item}]`).css('display', 'none');
23                    //$('[data-moduleItem]').each(function () {
24                    parentElement.closest('.dp-module-content').find("[data-moduleItem]").css('display', 'block'); // not complete
25                    //})
26                    break;
27                default:
28                    parentElement.css('display', 'block');
29                    $(`[id*=PagingNumber${item}]`).css('display', 'block');
30                    //$('[data-moduleItem]').each(function () {
31                    parentElement.closest('.dp-module-content').find("[data-moduleItem]").css('display', 'block'); // not complete
32                    //});
33                    break;
34            }
35
36        });
37
38    });
39
40});
41var moduleID = [];