Hello, I've been trying to implement a mouse-over effect into this code but have not had much luck. Any assistance would be greatly appreciated. If you require additional information, please let me know.
The issue I am facing is that when I hover over the tabs, I can inadvertently click the text and highlight it all. I'm looking for a standard mouse-over effect, if possible.
Thank you.
<script type="text/javascript">
function init(){
var stretchers = document.getElementsByClassName('box');
var toggles = document.getElementsByClassName('tab');
var myAccordion = new fx.Accordion(
toggles, stretchers, {opacity: false, height: true, duration: 600}
);
//hash functions
var found = false;
toggles.each(function(h3, i){
var div = Element.find(h3, 'nextSibling');
if (window.location.href.indexOf(h3.title) > 0) {
myAccordion.showThisHideOpen(div);
found = true;
}
});
if (!found) myAccordion.showThisHideOpen(stretchers[0]);
}
</script>