Multiple functions in jquery toggle

Question

I have seen multiple functions inside jquery toggle function but i cannot understand their flow of execution. Even there is no any documentation in jquery Official site.

Here is function:-

 $('#menu-toggle').toggle(
    function() {
        console.log('toggle 1 fn');
        $('body').addClass('left-side-collapsed').removeClass('sidebar-colors');
        $('#sidebar .slimScrollDiv').css('overflow', 'initial');
        $('#sidebar .menu-scroll').css('overflow', 'initial');
    }, function() {
        console.log('toggle 2 fn');
        $('body').removeClass('left-side-collapsed')
        $('#sidebar .slimScrollDiv').css('overflow', 'hidden');
        $('#sidebar .menu-scroll').css('overflow', 'hidden');
    }
);

tutorialspoint.com/jquery/events-toggle.htm

Pranav C Balan
– Pranav C Balan

2016-04-28 06:52:54 +00:00
Commented Apr 28, 2016 at 6:52 — Pranav C Balan
– Pranav C Balan, Commented Apr 28, 2016 at 6:52
api.jquery.com/toggle-event

Pranav C Balan
– Pranav C Balan

2016-04-28 06:53:28 +00:00
Commented Apr 28, 2016 at 6:53 — Pranav C Balan
– Pranav C Balan, Commented Apr 28, 2016 at 6:53

Rory McCrossan · Accepted Answer · 2016-04-28 06:53:50Z

2

The toggle() method used to take multiple parameters, each a function, which would be executed in turn on click of the element.

Since jQuery 1.8 this pattern has now been deprecated and as of 1.9 it was removed from the source entirely. To replicate it you would need to check what class is currently on the element and toggle it yourself, something like this:

$('#menu-toggle').click(function() {
    if ($('body').hasClass('left-side-collapsed')) {
        $('body').removeClass('left-side-collapsed')
        $('#sidebar .slimScrollDiv, #sidebar .menu-scroll').css('overflow', 'hidden');
    } else {
        $('body').addClass('left-side-collapsed').removeClass('sidebar-colors');
        $('#sidebar .slimScrollDiv, #sidebar .menu-scroll').css('overflow', 'initial');
    }
});

Alternatively you could add the previous implementation of toggle() back in to jQuery yourself, using the original source code. Note, however, that this is untested and outdated and may interfere with other methods, or rely on methods that no longer exist.

answered Apr 28, 2016 at 6:53

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rory McCrossan Over a year ago

No problem, glad to help

Collectives™ on Stack Overflow

Multiple functions in jquery toggle

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related