Close button on menu?

[rubaff]

Thanks for the great plugin. I use it a lot!

Is there a native function for a "close"-button on the menu or do I need to fake the click via jquery and easyclose?

Thanks!

[ascott1]

Thanks @rubaff. Is the changeState function what you were hoping for?

[rubaff]

Thanks for the response @ascott1. How can I use the function with a click? If changeState is changed the menu closes? Do you have a code snippet at hand? Thanks again!

[soodaa]

Same question ^^^
Thanks

[ascott1]

This isn't the most elegant way to do things (particularly since we have to manually assign this.$menu and $this.push, but this would initiate the plugin and toggle the menu closed any time a user clicks an <h1>:

$(document).ready(function() {
  $('.menu-link').bigSlide();
    this.$menu = $('#menu');
    this.$push = $('.push');
    var bigSlideAPI = ($('.menu-link').bigSlide()).bigSlideAPI;
    $('h1').click(function() {
      bigSlideAPI.view.toggleClose();
    });
 });

One catch is that if you're simulating something like easyClose be sure that the link that toggles the menu open/closed is not a child of the dom element you are using to override the default click behavior. That could have some funky results.

I hope that's useful!

[soodaa]

HI Adam,

Thanks a lot for this solution, i’ll give it a try.

Marnix

Op 25 sep. 2015, om 15:14 heeft Adam Scott [email protected] het volgende geschreven:

This isn't the most elegant way to do things (particularly since we have to manually assign this.$menu and $this.push, but this would initiate the plugin and toggle the menu closed any time a user clicks an

:

$(document).ready(function
() {
$(
'.menu-link'
).bigSlide();

this.$menu = $('#menu'
);

this.$push = $('.push'
);

var bigSlideAPI = ($('.menu-link'
).bigSlide()).bigSlideAPI;
$(
'h1').click(function
() {
bigSlideAPI.view.toggleClose();
});
});

One catch is that if you're simulating something like easyClose be sure that the link that toggles the menu open/closed is not a child of the dom element you are using to override the default click behavior. That could have some funky results.

I hope that's useful!

—
Reply to this email directly or view it on GitHub.

[rubaff]

Thanks @ascott1!

I'm using it like this now - working perfectly fine!

  $(document).ready(function () {
        var bigSlideAPI = ($('.menu-link').bigSlide({
            side: 'right',
            menuWidth: "320px"
        })).bigSlideAPI;
        $('.menu-close').click(function() {
          bigSlideAPI.view.toggleClose();
        });
   });

[ascott1]

Great!