Don't use CSS for filtering in Chaplin-brunch.

labs/dependency-examples/chaplin-brunch/app/views/filters.css

-#todoapp.filter-active #todo-list .completed {
-  display: none; }
-
-#todoapp.filter-completed #todo-list .active {
-  display: none; }

labs/dependency-examples/chaplin-brunch/app/views/todo-view.coffee

@@ -19,8 +19,7 @@ module.exports = class TodoView extends View
     super
     # Reset classes, re-add the appropriate ones.
     @$el.removeClass 'active completed'
-    className = if @model.get('completed') then 'completed' else 'active'
-    @$el.addClass className
+    @$el.toggle @model.get('completed')
 
   destroy: =>
     @model.destroy()

labs/dependency-examples/chaplin-brunch/public/app.css

-#todoapp.filter-active #todo-list .completed {
-  display: none; }
-
-#todoapp.filter-completed #todo-list .active {
-  display: none; }
-
-
-/*@ sourceMappingURL=app.css.map*/
\ No newline at end of file

labs/dependency-examples/chaplin-brunch/public/app.css.map

-{"version":3,"file":"public/app.css","sources":["app/views/filters.css"],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","sourcesContent":["#todoapp.filter-active #todo-list .completed {\n  display: none; }\n\n#todoapp.filter-completed #todo-list .active {\n  display: none; }\n"]}
\ No newline at end of file

labs/dependency-examples/chaplin-brunch/public/app.js

@@ -15470,11 +15470,9 @@ module.exports = TodoView = (function(_super) {
   TodoView.prototype.tagName = 'li';
 
   TodoView.prototype.render = function() {
-    var className;
     TodoView.__super__.render.apply(this, arguments);
     this.$el.removeClass('active completed');
-    className = this.model.get('completed') ? 'completed' : 'active';
-    return this.$el.addClass(className);
+    return this.$el.toggle(this.model.get('completed'));
   };
 
   TodoView.prototype.destroy = function() {