     @protected
   ###
   swapClasses: ->
-    if goog.dom.classes.has @arrowSpan, wzk.ui.dropup.Dropup.CSS.ARROW_LEFT
-      goog.dom.classes.add @arrowSpan, wzk.ui.dropup.Dropup.CSS.ARROW_UP
-      goog.dom.classes.remove @arrowSpan, wzk.ui.dropup.Dropup.CSS.ARROW_LEFT
-    else
-      goog.dom.classes.add @arrowSpan, wzk.ui.dropup.Dropup.CSS.ARROW_LEFT
-      goog.dom.classes.remove @arrowSpan, wzk.ui.dropup.Dropup.CSS.ARROW_UP
+    C = wzk.ui.dropup.Dropup.CSS
+
+    if @caretElement?
+      if goog.dom.classes.has @caretElement, C.ARROW_LEFT
+        goog.dom.classes.addRemove @caretElement, C.ARROW_LEFT, C.ARROW_UP
+      else
+        goog.dom.classes.addRemove @caretElement, C.ARROW_UP, C.ARROW_LEFT
 
   ###*
     Gets animation object and set's starting height and ending height

    DURATION: 500

  ###*
    @param {wzk.dom.Dom}
  ###
  constructor: (@dom)->


    BUTTON_TAG: 'li',
    BUTTON_CLASS: 'dropup-button',
    TARGET_ATTRIBUTE: 'target',
    CARET: 'caret-marker', # do not set to 'caret', as it is would add another arrow
    ARROW_UP: 'fa-angle-up',
    ARROW_LEFT: 'fa-angle-left'

