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

413 Responses

  1. Josy
    Josy at · Reply


    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!

  2. Aidan Whiteley
    Aidan Whiteley at · Reply


    another request, if you ever have any spare time 🙂 , for a look at the problem with vertical labels in MS Edge. As mentioned in a previous comment, the demo site at http://pupunzi.com/mb.components/mb.extruder/demo/demo.html exhibits the problem when using Edge – the left and right extruders dont display the text.

    A big “thank you” for providing this library

  3. Bert
    Bert at · Reply


    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

    1. Janne
      Janne at ·

      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”))

    2. Aidan
      Aidan at ·

      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. Philippe
    Philippe at · Reply

    Hi ! Is it possible to have the panel opened on page load ?

  5. Den
    Den at · Reply

    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?

  6. Astuce
    Astuce at · Reply


    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?

  7. marco
    marco at · Reply

    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

  8. Laurent
    Laurent at · Reply

    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…)

1 21 22 23

Leave a Reply