Accordion - Customized To Auto-ScrollTo With Option: autoScrollToActive

by bizamajig

HTML

<script src="http://alphaentry.com/ui/ui.core.js"></script>
<script src="http://alphaentry.com/ui/ui.accordion.js"></script>
<script src="http://alphaentry.com/js/jquery.scrollTo-1.4.2-min.js"></script>
<script src="http://alphaentry.com/js/jquery.easing.js"></script>
<div id="accordion">
    <h3>TEST</h3>
    <div>
        hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>
    </div>
    <h3>TEST</h3>
    <div>
        hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>
    </div> 
    <h3>TEST</h3>
    <div>
        hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>hi<br>
    </div>
</div>

CSS

h3{background:#000; color:#fff;}

JavaScript

//Accordion with scrollTo

$("#accordion").accordion({
        autoHeight: false,
        active: -1,
        autoScrollToActive: true,
        autoScrollOffset: -50,
        icons: false
    });