                         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

            o.el.addClass o.opts.wrapperClass

            # create the dropdown wrapper
            o.dropdownWrapper = ($ "<div id=\"#{ o.pluginKey }\" class=\"#{ pluginName.toLowerCase() }-dropdown-wrapper\"><ul class=\"#{ pluginName.toLowerCase() }-hidden-list clearfix\" /></div>")

            # append the dropdown wrapper to the body tag
            o.dropdownWrapper

                    o.opts.onBeforeCompress(_this) if $.isFunction(o.opts.onBeforeCompress)

                    hiddenItems  = $ hiddenItems
                    dropdownList = o.dropdownWrapper.children ".#{ o.opts.holder.listClass }"

                    # trigger onCompress callback
                    o.opts.onCompress(_this) if $.isFunction(o.opts.onCompress)
