quick tips
» Keep your javascript files in a separate folder in your directory.
» Read all instructions and documents before you borrow someone else's javascript.
This particular javascript code will allow for the sliding of elements on the page. It moves whole divs up and down.
For this particular one, I used mootools.net. They have a great variety of
easy javascript frameworks to work off of.
download & link
Go to the downloads page on the website and download the necessary javascript files. Upload them to a “javascript” folder in your directory.
the code
Place the following in the head tag of your html document.
<!--
<script type="text/javascript" language="javascript">
window.addEvent('domready', function() {
var accordion = new Accordion('h3.atStart', 'div.atStart', {
opacity: false,
onActive: function(toggler, element){
toggler.setStyles('color: #ffffff; background-image: url(images/accordian_onclick.jpg);');
},
onBackground: function(toggler, element){
toggler.setStyles('color: #222; background-image: url(images/accordian.jpg);');
}
}, $('accordion'));
accordion.addSection(newTog, newEl, 0);
}); //-->
</script>
<script type="text/javascript" language="javascript">
window.addEvent('domready', function() {
var accordion = new Accordion('h3.atStart', 'div.atStart', {
opacity: false,
onActive: function(toggler, element){
toggler.setStyles('color: #ffffff; background-image: url(images/accordian_onclick.jpg);');
},
onBackground: function(toggler, element){
toggler.setStyles('color: #222; background-image: url(images/accordian.jpg);');
}
}, $('accordion'));
accordion.addSection(newTog, newEl, 0);
}); //-->
</script>