added is-empty class

smohadjer · Mar 20, 2017 · e13de3a · e13de3a
1 parent 78b4c0f
commit e13de3a
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/demo.html b/demo.html
@@ -26,6 +26,15 @@
 				});
 			});
 		</script>
+		<style>
+			ul + p {
+				display: none;
+			}
+
+			ul.is-empty + p {
+				display: block;
+			}
+		</style>
 	</head>
 	<body>
 		<label>Filter by continent:</label>
@@ -71,5 +80,6 @@ <h2>Countries:</h2>
 			<li data-filter-continent="sa">Chile</li>
 			<li data-filter-continent="sa">Uruguay</li>
 		</ul>
+		<p>No results found!</p>
     </body>
 </html>
diff --git a/jquery.filterList.js b/jquery.filterList.js
@@ -1,6 +1,6 @@
 /*
  * @name          filterList
- * @version       2.0.0
+ * @version       2.0.1
  * @lastmodified  2017-03-20
  * @author        Saeid Mohadjer
  *
@@ -268,7 +268,10 @@
 				$(matchedItems).each(function() {
 					$(this).show();
 				});
+				pluginInstance.$element.removeClass('is-empty');
 				$listItems.filter(':visible').last().addClass('last-visible');
+			} else {
+				pluginInstance.$element.addClass('is-empty');
 			}
 
 			pluginInstance.options.filtersCallback(pluginInstance);