$(function(){ enterFunction = function(){ $(this).html('ACTIVE'); } leaveFunction = function(){ $(this).html('inactive'); } $('.accordion1').hSlides({ totalWidth: 960, totalHeight: 231, minPanelWidth: 32, maxPanelWidth: 800, speed: 500, //eventHandler: 'hover', eventHandler: 'mouseover', activeClass: 'active_click', panelSelector: 'div' //timeout: 0 }); } ); function activatePanel(id) { switch(id) { case 'TipDefault': document.getElementById('TipOne').className='hAlistOne_Right_Off'; document.getElementById('TipTwo').className='hAlistTwo_Right_Off'; document.getElementById('TipThree').className='hAlistThree_Right_Off'; document.getElementById('TipFour').className='hAlistFour_Right_Off'; document.getElementById('TipFive').className='hAlistFive_Right_Off'; document.getElementById('TipDefault').className='hAlistDefault_On'; document.getElementById('TipOneContent').className="hAlData_Off"; document.getElementById('TipTwoContent').className="hAlData_Off"; document.getElementById('TipThreeContent').className="hAlData_Off"; document.getElementById('TipFourContent').className="hAlData_Off"; document.getElementById('TipFiveContent').className="hAlData_Off"; document.getElementById('TipDefaultContent').className="hAlData_On"; break; case 'TipOne': document.getElementById('TipDefault').className='hAlistDefault_Left_Off'; document.getElementById('TipTwo').className='hAlistTwo_Right_Off'; document.getElementById('TipThree').className='hAlistThree_Right_Off'; document.getElementById('TipFour').className='hAlistFour_Right_Off'; document.getElementById('TipFive').className='hAlistFive_Right_Off'; document.getElementById('TipOne').className='hAlistOne_On'; document.getElementById('TipDefaultContent').className="hAlData_Off"; document.getElementById('TipTwoContent').className="hAlData_Off"; document.getElementById('TipThreeContent').className="hAlData_Off"; document.getElementById('TipFourContent').className="hAlData_Off"; document.getElementById('TipFiveContent').className="hAlData_Off"; document.getElementById('TipOneContent').className="hAlData_On"; break; case 'TipTwo': document.getElementById('TipDefault').className='hAlistDefault_Left_Off'; document.getElementById('TipThree').className='hAlistThree_Right_Off'; document.getElementById('TipFour').className='hAlistFour_Right_Off'; document.getElementById('TipFive').className='hAlistFive_Right_Off'; document.getElementById('TipOne').className='hAlistOne_Left_Off'; document.getElementById('TipTwo').className='hAlistTwo_On'; document.getElementById('TipDefaultContent').className="hAlData_Off"; document.getElementById('TipOneContent').className="hAlData_Off"; document.getElementById('TipThreeContent').className="hAlData_Off"; document.getElementById('TipFourContent').className="hAlData_Off"; document.getElementById('TipFiveContent').className="hAlData_Off"; document.getElementById('TipTwoContent').className="hAlData_On"; break; case 'TipThree': document.getElementById('TipDefault').className='hAlistDefault_Left_Off'; document.getElementById('TipFour').className='hAlistFour_Right_Off'; document.getElementById('TipFive').className='hAlistFive_Right_Off'; document.getElementById('TipOne').className='hAlistOne_Left_Off'; document.getElementById('TipTwo').className='hAlistTwo_Left_Off'; document.getElementById('TipThree').className='hAlistThree_On'; document.getElementById('TipDefaultContent').className="hAlData_Off"; document.getElementById('TipTwoContent').className="hAlData_Off"; document.getElementById('TipFourContent').className="hAlData_Off"; document.getElementById('TipFiveContent').className="hAlData_Off"; document.getElementById('TipOneContent').className="hAlData_Off"; document.getElementById('TipThreeContent').className="hAlData_On"; break; case 'TipFour': document.getElementById('TipDefault').className='hAlistDefault_Left_Off'; document.getElementById('TipFive').className='hAlistFive_Right_Off'; document.getElementById('TipOne').className='hAlistOne_Left_Off'; document.getElementById('TipTwo').className='hAlistTwo_Left_Off'; document.getElementById('TipThree').className='hAlistThree_Left_Off'; document.getElementById('TipFour').className='hAlistFour_On'; document.getElementById('TipDefaultContent').className="hAlData_Off"; document.getElementById('TipThreeContent').className="hAlData_Off"; document.getElementById('TipTwoContent').className="hAlData_Off"; document.getElementById('TipFiveContent').className="hAlData_Off"; document.getElementById('TipOneContent').className="hAlData_Off"; document.getElementById('TipFourContent').className="hAlData_On"; break; case 'TipFive': document.getElementById('TipDefault').className='hAlistDefault_Left_Off'; document.getElementById('TipOne').className='hAlistOne_Left_Off'; document.getElementById('TipTwo').className='hAlistTwo_Left_Off'; document.getElementById('TipThree').className='hAlistThree_Left_Off'; document.getElementById('TipFour').className='hAlistFour_Left_Off'; document.getElementById('TipFive').className='hAlistFive_On'; document.getElementById('TipDefaultContent').className="hAlData_Off"; document.getElementById('TipFourContent').className="hAlData_Off"; document.getElementById('TipThreeContent').className="hAlData_Off"; document.getElementById('TipTwoContent').className="hAlData_Off"; document.getElementById('TipOneContent').className="hAlData_Off"; document.getElementById('TipFiveContent').className="hAlData_On"; break; } }