https://www.barletta1922.com/js/accordion.js

1/***********************************************************************************************************************
2DOCUMENT: includes/javascript.js
3DEVELOPED BY: Ryan Stemkoski
4COMPANY: Zipline Interactive
5EMAIL: [email protected]
6PHONE: 509-321-2849
7DATE: 3/26/2009
8UPDATED: 3/25/2010
9DESCRIPTION: This is the JavaScript required to create the accordion style menu.  Requires jQuery library
10NOTE: Because of a bug in jQuery with IE8 we had to add an IE stylesheet hack to get the system to work in all browsers. I hate hacks but had no choice :(.
11************************************************************************************************************************/
12
13$(document).ready(function() {
14	 
15	//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
16	$('.accordionButton').click(function() {
17
18		//REMOVE THE ON CLASS FROM ALL BUTTONS
19		$('.accordionButton').removeClass('on');
20		  
21		//NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
22	 	$('.accordionContent').slideUp('normal');
23   
24		//IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
25		if($(this).next().is(':hidden') == true) {
26			
27			//ADD THE ON CLASS TO THE BUTTON
28			$(this).addClass('on');
29			  
30			//OPEN THE SLIDE
31			$(this).next().slideDown('normal');
32		 } 
33		  
34	 });
35	  
36	
37	/*** REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
38	
39	//ADDS THE .OVER CLASS FROM THE STYLESHEET ON MOUSEOVER 
40	$('.accordionButton').mouseover(function() {
41		$(this).addClass('over');
42		
43	//ON MOUSEOUT REMOVE THE OVER CLASS
44	}).mouseout(function() {
45		$(this).removeClass('over');										
46	});
47	
48	/*** END REMOVE IF MOUSEOVER IS NOT REQUIRED ***/
49	
50	
51	/********************************************************************************************************************
52	CLOSES ALL S ON PAGE LOAD
53	********************************************************************************************************************/	
54	$('.accordionContent').hide();
55
56});