Multi tool use

Javascript properly not works in Firefox ( toggle menu )

/* General styles for all menus */
.toggles-menu, .toggles-menu:hover, .toggles-menu:focus{ background : transparent; outline : o ;padding-right : 15px;border:none; box-shadow: none; outline: 0; cursor: pointer}

.cbp-spmenu {
background: #47a3da;
position: fixed;

}

.cbp-spmenu h3 {
color: #afdefa;
font-size: 1.9em;
padding: 20px;
margin: 0;
font-weight: 300;
background: #0d77b6;
}

.cbp-spmenu a {
display: block;
color: #fff;
font-size: 1.1em;
font-weight: 300;
}

.cbp-spmenu a:hover {
background: #258ecd;
}

.cbp-spmenu a:active {
background: #afdefa;
color: #47a3da;
}

/* Orientation-dependent styles for the content of the menu */
.cbp-spmenu-vertical {
width: 240px;
height: 100%;
top: 0;
z-index: 1000;
overflow-y: scroll;
}

.cbp-spmenu-vertical a {
border-bottom: 1px solid #258ecd;
padding: 1em;
}

.cbp-spmenu-horizontal {
width: 100%;
height: 150px;
left: 0;
z-index: 1000;
overflow: hidden;
}

.cbp-spmenu-horizontal h3 {
height: 100%;
width: 20%;
float: left;
}

.cbp-spmenu-horizontal a {
float: left;
width: 20%;
padding: 0.8em;
border-left: 1px solid #258ecd;
}

/* Vertical menu that slides from the left or right */
.cbp-spmenu-left {
left: -240px;
}

.cbp-spmenu-right {
right: -240px;
}

.cbp-spmenu-left.menu-open {
left: 0px;
}

.cbp-spmenu-right.menu-open {
right: 0px;
}

/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top {
top: -150px;
}

.cbp-spmenu-bottom {
bottom: -150px;
}

.cbp-spmenu-top.menu-open {
top: 0px;
}

.cbp-spmenu-bottom.menu-open {
bottom: 0px;
}

/* Push classes applied to the body */
.push-body {
overflow-x: hidden;
position: relative;
left: 0;
}

.push-body-toright {
left: 240px;
}

.push-body-toleft {
left: -240px;
}

/* Transitions */
.cbp-spmenu,
.push-body {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;
}

I have made a toggle menu on Wordpress with the following code but it not works properly in Firefox but work in other browsers like chrome, IE, UC etc.

Please help me to solve this . thanks

Here the Code url :

https://github.com/takien/jPushMenu/blob/master/js/jPushMenu.js

Here the site url :
https://www.roundfig.com

<script>
(function($) {
$.fn.jPushMenu = function(customOptions) {
var o = $.extend({}, $.fn.jPushMenu.defaultOptions, customOptions);

$('body').addClass(o.pushBodyClass);

// Add class to toggler
$(this).addClass('jPushMenuBtn');

$(this).click(function(e) {
e.stopPropagation();

var target = '',
push_direction = '';

// Determine menu and push direction
if ($(this).is('.' + o.showLeftClass)) {
target = '.cbp-spmenu-left';
push_direction = 'toright';
}
else if ($(this).is('.' + o.showRightClass)) {
target = '.cbp-spmenu-right';
push_direction = 'toleft';
}
else if ($(this).is('.' + o.showTopClass)) {
target = '.cbp-spmenu-top';
}
else if ($(this).is('.' + o.showBottomClass)) {
target = '.cbp-spmenu-bottom';
}

if (target == '') {
return;
}

$(this).toggleClass(o.activeClass);
$(target).toggleClass(o.menuOpenClass);

if ($(this).is('.' + o.pushBodyClass) && push_direction != '') {
$('body').toggleClass(o.pushBodyClass + '-' + push_direction);
}

// Disable all other buttons
$('.jPushMenuBtn').not($(this)).toggleClass('disabled');

return;
});

var jPushMenu = {
close: function (o) {
$('.jPushMenuBtn,body,.cbp-spmenu')
.removeClass('disabled ' + o.activeClass + ' ' + o.menuOpenClass + ' ' + o.pushBodyClass + '-toleft ' + o.pushBodyClass + '-toright');
}
}

// Close menu on clicking outside menu
if (o.closeOnClickOutside) {
$(document).click(function() {
jPushMenu.close(o);
});
}

// Close menu on clicking menu link
if (o.closeOnClickLink) {
$('.cbp-spmenu a').on('click',function() {
jPushMenu.close(o);
});
}
};

/*
* In case you want to customize class name,
* do not directly edit here, use function parameter when call jPushMenu.
*/
$.fn.jPushMenu.defaultOptions = {
pushBodyClass : 'push-body',
showLeftClass : 'menu-left',
showRightClass : 'menu-right',
showTopClass : 'menu-top',
showBottomClass : 'menu-bottom',
activeClass : 'menu-active',
menuOpenClass : 'menu-open',
closeOnClickOutside: true,
closeOnClickLink : true
};
})(jQuery);

</script>
<!--call jPushMenu, required-->
<script>
jQuery(document).ready(function($) {
$('.toggles-menu').jPushMenu() ;
});
</script>

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.