js filter

by rupesx

JavaScript

// $(this).toggleClass('checked');
						// if($(this).hasClass('checked')){
						// 	$('.fillter-cat.' + $(this).attr('data-filter')).show();
						// 	selectedFilters.push($(this).attr('data-filter'));
						// }else{
						// 	$('.fillter-cat.' + $(this).attr('data-filter')).hide();
						// 	var tempIndex = selectedFilters.indexOf($(this).attr('data-filter'));
						// 	if(tempIndex > -1){
						// 		
						// 	}
						// }
            
            function filterFaq(){
					$('.fillter-cat').hide();
					if($('#all').hasClass('checked')){
						$('.fillter-cat').show();
					}
					$('.filter').on('click', function(){
						
						var tempFilter = $(this).attr('data-filter');

						if(tempFilter !== "all") {
							$(this).toggleClass('checked');
							var tempIndex = selectedFilters.indexOf(tempFilter);
							if(tempIndex > -1) {
								// Remove
								selectedFilters.splice(tempIndex, 1);
								console.log('remove');
							}
							else{
								// Add
								selectedFilters.push(tempFilter);
								console.log('add');
							}
						} else {
							selectedFilters = [];
						}

						console.log(selectedFilters);

						
						$('.fillter-cat').hide();

						if(selectedFilters.length > 0){
							$('#all').removeClass('checked');
							for (var i = 0; i < selectedFilters.length; i++) {
								$('.fillter-cat.' + selectedFilters[i]).show();
								console.log('.fillter-cat.' + selectedFilters[i]);
							}
						}
						else{
							$('.filter').removeClass('checked');
							$('#all').addClass('checked');
							$('.fillter-cat').show();
						}



					});
				}