     for size, val of @counts.get('dimension')
       @$("a[data-size='#{size}'] .filter-dropdown-count").html '(' + val + ')'
 
-  toggleActive: (el) ->
-    @$('.is-active').removeClass 'is-active'
-    $(el).addClass('is-active')
+  renderActive: =>
+    @$('.is-active').removeClass('is-active')
+    if @params.keys().length is 0
+      @$('.filter-artworks-nav-allworks').addClass('is-active')
+    else
+      @$("a[data-range='#{@params.get('price_range')}']")
+        .addClass('is-active').closest('.filter-dropdown').addClass('is-active')
+      @$("a[data-size='#{@params.get('dimension')}']")
+        .addClass('is-active').closest('.filter-dropdown').addClass('is-active')
 
   events:
     'click .filter-artworks-nav-allworks': 'allWorks'

    'click .filter-dropdown a': 'checkDropdownItem'

  allWorks: ->
    @toggleActive @$('.filter-artworks-nav-allworks')
    @params.clear()

  filterPrice: (e) ->
    @toggleActive @$('.filter-artworks-nav-price')
    @params.set { price_range: $(e.target).data 'range' }

  filterMedium: (e) ->
    @toggleActive @$('.filter-artworks-nav-medium')
    @params.set { medium: $(e.target).data 'medium' }

  filterSize: (e) ->
    @toggleActive @$('.filter-artworks-nav-size')
    @params.set { dimension: $(e.target).data 'size' }

  checkDropdownItem: (e) ->
    $(e.currentTarget)

  initialize: (options) ->
    _.extend @, options
    @counts.on 'sync', @renderCounts
    @params.on 'change', @renderActive

  renderCounts: =>
    for range, val of @counts.get('price_range')
