                 else
                     console.log 'increasing'
 
+                    o.decompress()
+
                 o.windowWidth = o.browserWindow.width()
 
             # if optimalCrumbHeight isnt o.el.height()

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

            # bind the element to a custom event named decompress
            # o.el.on "decompress.#{ pluginName }", (e) ->
            #     current     = $ this
            #     holder      = current.find ".#{ o.opts.holder.class }"
            #     hiddenItems = holder.find 'ul > li'

            #     # set the state to decompressed
            #     current.data o.stateKey, 'decompressed'

            #     if holder.length > 0
            #         console.log 'remove some items'

            #     # hiddenItems = holder
            #     #     .find("ul li")
            #     #     .detach()

            #     # holder.remove()

            #     o.opts.onDecompress(_this) if $.isFunction(o.opts.onDecompress)

            #     # current
            #     #     .find('li')
            #     #     .filter(':first-child')
            #     #     .after hiddenItems

            #     # delete the reference since the holder element have been remove already
            #     holder = null

            #     o.opts.onAfterDecompress(_this) if $.isFunction(o.opts.onAfterDecompress)

            o.browserWindow.on o.resizeKey, o.resize



                if holder.length is 0
                    holder = ($ "<li class=\"#{ o.opts.holder.class }\"><a href=\"#\">#{ o.opts.holder.text }</a><ul class=\"clearfix\" /></li>").insertAfter items.first()

                    # set the holder's css to float left and display inline-block
                    holder.css
                        float: 'left',
                        display: 'inline-block'

                # initialize an array for storage of the hidden items
                hiddenItems = []
