Set up two Content Area Off Canvas in the same page

[rcbarros]

Hello guys. Need your assistant here.

In my page, I would like to set up to Content Area Off Canvas. What I have done so far:

1. I create the Off Canvas, set a Class for it and add some content to load

2. I create a button and set a class

3. I have the ajax call as follow:

   jQuery(function($){
   $( document).on(‘click’, ‘#menu-item-119 > a, .callBookNow’, function(e) {
   e.preventDefault();
   $(’.x-anchor-toggle’).click();
   })
   });

The problem is: When I created another Content Area Off Canvas with a different content once you press the the button to call the calendar end up both Off Canvas been call

I tried setting up a different ID for each Off Canvas but still not working.

Kind confuse, but please check the secure notes for URL and credentials

[thai]

Hi There,

I could see that you’ve already assigned the ID and class to your anchor toggles.

You should separate the custom JS like this:

jQuery(function($){
	$( document).on('click', '.callBookNow', function(e) {
		e.preventDefault();
		$('.robertCalendar').click();
	});
	$( document).on('click', '.callMessage', function(e) {
		e.preventDefault();
		$('#robertMessage-anchor-toggle').click();
	});
});

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope that helps and thank you for understanding.

[rcbarros]

Thank you Sir. You nailed it.

[thai]

Glad I was able to help