Tabs with customjs do not work in version 4.01

Hello,

I just downloaded the latest version of Canvas and tested the code in the documentation for "Initializing Tabs using Custom Javascript".
This does not work in version 4.01. It worked perfectly in the last version.

I've uploaded the files to my server and tested it without making any changes to the files and the tabs do not work properly.

Have you tested and verified that this works?
Do you have a fix? Can you provide an update?

thank you for your help,
RMA

	
		
- [Tab 1](#tab-1)
		
- [Tab 2](#tab-2)
		
- [Tab 3](#tab-3)
	

	

		
			This is Tab 1 Content
		
		
			This is Tab 2 Content
		
		
			This is Tab 3 Content
		

	

	jQuery(document).ready( function($){
		$( "#tabs" ).tabs({
			collapsible: true,
			event: 'mouseover',
			show: {
				effect: "fade",
				duration: 400
			}
		});
	});

In your latest version you have the JS Codes BEFORE functions.js

<!-- External JavaScripts
============================================= -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/plugins.js"></script>

<!-- Footer Scripts
============================================= -->
<script type="text/javascript" src="js/functions.js"></script>

I've tried it both ways but it still does not work. I haven't modified any files other than adding the tabs customjs code from canvasdocs.

You can verify at:
http://avtec.media/html/tabs.html

It works now, thank you SemiColonWeb. Sorry, I misunderstood you.

I thought you were instructing me to move the jquery.js and plugins.js files instead of the JS for the tabs.

It was confusing because in the documentation you have the JS for the tabs just below the tabset (see attachment).

You may want to update your documentation with the instructions above to make it more clear for users.

thanks for the support!

Rye