jquery mb.extruder


A good way to have extra content or a navigation tool in your page!

This jQuery component let you easily build a sliding panel where to insert any kind of content; it has built-in all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via Ajax and therefore you can dynamically build it by passing DATA via request using the meta-data attribute settable on the extruder container.

v. 2.6.0

What’s new in 2.6.0:

  • Bug fix:On IE Edge the label didn’t flap vertically.

What’s new in 2.5.5:

  • Added responsive behavior: if the width of the extruder is more than the window width the extruder will resize to fit the window size.

What’s new in 2.5.4:

  • IE11 issue compatibility for vertical labels.

What’s new in 2.5:

  • jQuery 1.9 compatibility issue

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. I have a SPA application and would like to us the Extuder for a help panel. I would like to change the the contents of the help panel as user routes through the application. So there is only one page, but I would like to programmatically change the content based on activity on the page. Is there a way to change the content with javascript after the page has loaded.

  2. Hello,

    Really nice script! Thank you for making it open source. I was wondering how to use the $.fn.disableExtruderVoice() method to disable the sliding behaviour. I’d like it to behave like slide on mobiles and be a static sidebar on tablets.

    Thank you for your help!

  3. Hi,

    the extruder doesn’t work with flip-labels in the Microsoft Edge browser. Can you fix this? The demo-page show the same result in the MS-Edge browser.

    Thank you

    • To fix the flip-labels for Edge.

      In jquery.mb.flipText.js change end of line 28 from

      else if (-1! = nAgt.indexOf (“Trident”))


      else if (-1! = nAgt.indexOf (“Trident”) || -1! = nAgt.indexOf (“Edge”))

    • Many thanks to Janne – the suggested edit to jquery.mb.flipText.js seems to work for me. Thanks for taking the time to post the suggested fix here!

  4. Hi and thanks for your plugins. Have an issue with side located MbExtruders in new MS “creation” called Edge. Code works fine in all other browsers from Safary to IE 11. No console errors from Edge. when typing “$.browser” in console- have it responds that it is “Chrome” fullVersion” “42.0.2311.135”. So tried to modify your source code by changing:

    var isIE = $.browser.msie;


    var isIE = false;
    if($.browser.msie || document.hasOwnProperty(“__IE_DEVTOOLBAR_CONSOLE_EVAL_ERRORCODE”)){
    isIE = true;
    } ;

    Now it seems to detect Edge, but this makes no difference as side Extruders still not displayed.

    Any sudgestions?

  5. Hello,

    Thanks for Extruder. It’s really amazing.
    I install extruderBottom on my web site http://www.id-box.biz
    But Extruder is not compatible with Nivo-slider.
    Extruder works very well alone and Nivo-slider too.
    But if I put the two plugin together it doesn’t work: The extruderBottom don’t appear.
    Can you help me please to fix it?

  6. The Github version posted for download is 2.8.5 – But on this page it is 2.5.5 – Is it safe to assume that the GIT version is the latest?

    – Also on the GIT site under the Release section, it shows the 2.5.5 as the last in May 2014, https://github.com/pupunzi/jquery.mb.extruder/releases But the dates on the files from the GIT release are in July & Aug 2014

    The CSS and JS file for Extruder on GIT download package does not have version number included in header, just the dates noted above…this adds to confusion, but perhaps you have some reason for not using release number on these files?

    Thank you /Marco

  7. Hi and thanks for extruder, Is it possible to change color of flap dynamically ? (change label color if event and extruder closed and then restore color when extruder is opened…)