                         o.opts.onAfterDecompress(_this) if $.isFunction(o.opts.onAfterDecompress)
 
             # delegate the normalized event for hoverIn to the holder element
-            o.el.on "#{ o.hoverIn }.#{ pluginName }", ".#{ pluginName.toLowerCase() }-holder", (e) ->
+            o.el.on "#{ o.hoverIn }.#{ pluginName }", ".#{ o.opts.holder.class }", (e) ->
                 o.opts.holderAnimation.onBeforeShow(_this) if $.isFunction(o.opts.holderAnimation.onBeforeShow)
 
                 # add the hover class to the holder element
                 ($ this).addClass o.opts.holder.hoverClass
 
                 ps = o.el
-                    .find(".#{ pluginName.toLowerCase() }-holder")
+                    .find(".#{ o.opts.holder.class }")
                     .offset()
 
                 o.dropdownWrapper

                    target    = $ e.target
                    wrapperId = o.dropdownWrapper.attr 'id'

                    o.dropdownWrapper.trigger("hide.#{ pluginName }") if target.parents(".#{ o.opts.holder.class }").length is 0 and target.parents("##{ wrapperId }").length is 0


            # bind resize event to the window
            o.browserWindow.on o.resizeKey, ->


                            # remove the hover class to the holder element
                            o.el
                                .children(".#{ o.opts.holder.class }")
                                .removeClass o.opts.holder.hoverClass

                            o.opts.holderAnimation.onAfterHide(_this) if $.isFunction(o.opts.holderAnimation.onAfterHide)
