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.5.5


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

400 Responses

  1. MB
    MB at · Reply

    Great plugin :)

    I’m trying to use it with filters panel , now every time I click on a link inside the panel it will close, and don’t this kind of behavior

    can I cancel the auto close behavior

    positionFixed: false,
    position: “left”,
    width: 500,
    extruderOpacity: .6,
    closeOnClick: false,
    closeOnExternalClick: false,
    onExtOpen: function () { },
    onExtContentLoad: function () { },
    onExtClose: function () { }

  2. Stan
    Stan at · Reply

    Hi Matteo,

    great work!

    Is it possible to make the elements in an extruder draggable? For example the “world” image inside the top container?


  3. Anke
    Anke at · Reply

    A great script – thank you!
    My latest implementation is a fluid, 2 column top menu, overriding size and position:
    @media screen and (min-width: [breakpoint]) {#extruderTop {
    width: 66% !important;
    margin-left: -33% !important; }
    @media screen and (max-width: [breakpoint]) {#extruderTop {
    left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important; }
    Would be nice to eventually have complete CSS control …

  4. Caspar
    Caspar at · Reply

    Hi Pupunzi,

    I have lots of content to show inside the side menu, could I make it scrollable?

    1. Ruaz
      Ruaz at ·

      Hi all,
      I have the same issue, any fix for this?

  5. Vijai
    Vijai at · Reply


    I am trying to plug it in my website but during trail it conflicts with the main slider at home page.
    CSS part is of mine but why it breaks to existing SLider.
    can you help me please?

  6. Stan
    Stan at · Reply

    Love the plugin! You’ve done some excellent work.
    I’m having trouble inserting an image inline into the title/flap. I’ve tried using straight html, also tried using a php variable because it needs to be dynamic.

    Any ideas/suggestions?

    Thank you!

  7. Jeff Shain
    Jeff Shain at · Reply

    Is there a way to keep the slider permanently open?

    1. Jeff Shain
      Jeff Shain at ·

      Never mind, I see it.

  8. Marc
    Marc at · Reply

    Hey pupunzi, one more question, in Chrome (latest version) it seems to cut off a little of the flap first letter and I cannot seem to find a way to fix this either. how do I move the vertical writing up a little inside of the flap?


  9. Marc
    Marc at · Reply

    Hi pupunzi, nice work here! I am using left extruder for a shopping cart fly out pane. Is it possible to:

    1. Dynamically change the flap text (i.e.: add the shopping cart total in different color). I tried adding a span there with ID so I can target it with jQuery but it did not work.
    2. I would like to place an icon of a shopping cart there too.

    Are these possible? I am struggling as these are being converted to SVG so the text can be rotated.

    Many thanks!

1 20 21 22

Leave a Reply