       @updateActive()
 
     onClick: ->
-      @model.set active:true
+      @model.set active: true
 
 #------------------- list ----------------------------#
   DropDownList = View.extend
+    OPEN_CLASS: "open"
     className: "dropdown_list"
     itemView: DropDownItem
 
     templateFunc: ->
       "
-        <button class=dropdown-list-button type='button' data-js-button></button>
-        <ul class=dropdown-list-menu data-js-menu></ul>
+        <button class=dropdown-list-button type='button'></button>
+        <ul class=dropdown-list-menu></ul>
       "
 
     ui:
-      menu: "[data-js-menu]"
-      button: "[data-js-button]"
+      menu: ".dropdown-list-menu"
+      button: ".dropdown-list-button"
 
     events:
       "click": "onClick"

Holder =(Backbone, MixinBackbone)->
  View = MixinBackbone Backbone.View

#------------------- model ---------------------------#
  DropDownModel = Backbone.Model.extend

      @collection.remove @collection.models
      @collection.add data

    onClick: (e)->
      if @isMenuOpen
        @$el.removeClass @OPEN_CLASS
        @isMenuOpen = false
      else
        @$el.addClass @OPEN_CLASS
        @isMenuOpen = true

    onBackdropClick: (e)->
      isListClick = $(e.target).parents(".#{@className}")[0] is @el
      return if isListClick or not @isMenuOpen
      @$el.removeClass @OPEN_CLASS
      @isMenuOpen = false

    onAddCollection: (model)->
      @views[model.cid] = itemView = new @itemView {model}
